:root{color-scheme:dark;--bg:#070b12;--surface:#101925;--surface2:#141f2e;--surface3:#19283a;--line:rgba(174,207,226,.14);--line-hot:rgba(69,217,232,.42);--ink:#edf6ff;--muted:#91a8bc;--teal:#57f0d1;--cyan:#45d9e8;--violet:#8b7cff;--amber:#f3b766;--green:#8ce6ac;--radius:22px;--shadow:0 22px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 10% -12%,rgba(42,128,146,.22),transparent 40%),radial-gradient(ellipse at 92% 12%,rgba(104,75,195,.17),transparent 31%),var(--bg);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(157,202,222,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(157,202,222,.04) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 85%)}a{color:var(--teal);text-decoration:none;transition:color .2s ease}a:hover{color:#fff}.wrap{width:min(1240px,100%);margin:0 auto;padding:26px clamp(15px,3vw,36px) 40px}.top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:0 0 20px;margin-bottom:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:.78rem;font-weight:900;letter-spacing:.15em;color:var(--ink)}.brand:before{content:"";width:29px;height:29px;border-radius:10px;background:linear-gradient(140deg,var(--teal),var(--cyan) 48%,var(--violet));box-shadow:0 0 24px rgba(69,217,232,.27);display:inline-block}.pill,.eyebrow{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:.71rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--teal)}.pill{padding:7px 11px;border:1px solid rgba(87,240,209,.24);border-radius:999px;background:rgba(87,240,209,.055)}.muted{color:var(--muted)}.small{font-size:.84rem}.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(24px,5vw,54px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(120deg,rgba(17,31,45,.97),rgba(13,21,35,.91) 58%,rgba(24,25,47,.92));box-shadow:var(--shadow);animation:hero-arrive .75s cubic-bezier(.16,.7,.22,1) both}.hero:before{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-110px;top:-170px;border-radius:50%;background:conic-gradient(from 80deg,rgba(87,240,209,.04),rgba(69,217,232,.24),rgba(139,124,255,.22),rgba(87,240,209,.04));filter:blur(8px);animation:orbit 20s linear infinite}.hero:after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:9%;top:20%;border:1px solid rgba(69,217,232,.18);border-radius:50%;box-shadow:0 0 0 25px rgba(69,217,232,.025),0 0 0 58px rgba(139,124,255,.025);animation:breath 5s ease-in-out infinite}.hero h1{max-width:900px;margin:17px 0 15px;font-size:clamp(2.25rem,6.8vw,5.8rem);line-height:.99;letter-spacing:-.065em;font-weight:850}.hero h1 .gradient,.gradient{color:transparent;background:linear-gradient(100deg,var(--teal),var(--cyan) 38%,#b4a8ff);background-clip:text;-webkit-background-clip:text}.hero p{max-width:740px;font-size:clamp(1rem,1.8vw,1.16rem);line-height:1.75}.hero-art{position:absolute;right:4%;bottom:3%;width:min(33%,360px);opacity:.85;filter:drop-shadow(0 12px 28px rgba(69,217,232,.12));pointer-events:none;animation:float 8s ease-in-out infinite}.navlinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:11px 15px;border:1px solid rgba(87,240,209,.38);border-radius:13px;color:#07151a;background:linear-gradient(115deg,var(--teal),var(--cyan));font:inherit;font-size:.88rem;font-weight:850;letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 25px rgba(69,217,232,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}.btn:before{display:none;content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.35),transparent 55%);transform:translateX(-130%);transition:transform .55s ease}.btn:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(69,217,232,.17);color:#031014}.btn:hover:before{transform:translateX(130%)}.btn.secondary{color:var(--ink);background:rgba(168,200,226,.045);border-color:var(--line);box-shadow:none}.btn.secondary:hover{border-color:var(--line-hot);background:rgba(69,217,232,.08);color:white}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;margin-top:22px}.card{grid-column:span 6;position:relative;isolation:isolate;min-width:0;padding:clamp(19px,2.6vw,28px);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(19,31,46,.94),rgba(12,21,33,.96));box-shadow:0 10px 35px rgba(0,0,0,.12);transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease;animation:card-in .65s cubic-bezier(.16,.7,.22,1) both}.card:before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--mx,90%) var(--my,0%),rgba(69,217,232,.13),transparent 42%);opacity:0;transition:opacity .35s ease}.card:hover{transform:translateY(-6px);border-color:rgba(69,217,232,.35);box-shadow:0 26px 70px rgba(0,0,0,.28),0 0 0 1px rgba(69,217,232,.04)}.card:hover:before{opacity:1}.card h2,.card h3{margin:12px 0;font-size:1.28rem;line-height:1.24;letter-spacing:-.025em}.card p{color:var(--muted)}.card.wide{grid-column:span 12}.card.third,.third{grid-column:span 4}.section-title{display:flex;align-items:center;gap:14px;margin:36px 0 8px;font-size:clamp(1.3rem,2.8vw,2rem);line-height:1.2;letter-spacing:-.04em}.section-title:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--line-hot),transparent)}.section-sub{margin-top:0;color:var(--muted)}.lab-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-index{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid rgba(69,217,232,.22);border-radius:16px;background:linear-gradient(140deg,rgba(87,240,209,.12),rgba(139,124,255,.12));font-size:1.26rem;color:var(--teal);font-weight:850;box-shadow:inset 0 0 18px rgba(69,217,232,.04)}.lab-meta{color:var(--teal);font-size:.67rem;font-weight:900;letter-spacing:.12em}.lab-card .navlinks{margin-top:20px}.lab-card .btn{min-height:39px;padding:9px 12px;font-size:.82rem}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;max-width:760px}.stat{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:rgba(6,13,22,.36)}.stat strong{display:block;font-size:1.55rem;line-height:1.25;letter-spacing:-.04em;color:white}.stat span{color:var(--muted);font-size:.75rem}.catalog-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.search{flex:1 1 260px;position:relative}.search input{width:100%;height:48px;border:1px solid var(--line);border-radius:14px;padding:0 16px 0 44px;color:var(--ink);background:rgba(14,24,36,.8);font:inherit;outline:none}.search:before{content:"⌕";position:absolute;left:16px;top:4px;font-size:1.6rem;color:var(--teal)}.search input:focus{border-color:var(--line-hot);box-shadow:0 0 0 4px rgba(69,217,232,.055)}.filter-row{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{padding:9px 12px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:rgba(255,255,255,.02);font-size:.79rem;font-weight:750;cursor:pointer;transition:all .2s ease}.filter-chip:hover,.filter-chip.active{color:var(--ink);border-color:rgba(87,240,209,.44);background:rgba(87,240,209,.09)}.progress{height:8px;overflow:hidden;border-radius:99px;background:rgba(143,168,188,.16)}.progress div{height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--cyan),var(--violet));background-size:220% 100%;border-radius:inherit;transition:width .7s cubic-bezier(.2,.75,.2,1);animation:shimmer 4s linear infinite}.readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric{min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,rgba(5,14,24,.76),rgba(20,32,47,.72));transition:border-color .2s ease,transform .2s ease}.metric:hover{border-color:var(--line-hot);transform:translateY(-2px)}.metric span{display:block;color:var(--muted);font-size:.77rem}.metric strong{display:block;overflow-wrap:anywhere;font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.4;color:var(--teal);font-variant-numeric:tabular-nums}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.control{min-width:0;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(6,15,25,.55);transition:border-color .2s ease,background .2s ease}.control:focus-within{border-color:rgba(87,240,209,.4);background:rgba(15,35,44,.55)}.control label{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#cfe0eb;font-size:.87rem}.control output{flex:none;color:var(--teal);font-weight:850;font-variant-numeric:tabular-nums}.control input{width:100%;margin-top:13px;accent-color:var(--teal);cursor:ew-resize}.sim-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:16px}.visual{position:relative;min-height:230px;overflow:hidden;padding:14px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at center,rgba(39,90,108,.17),transparent 65%),#09111a}.visual:after{content:"SIGNAL FLOW";position:absolute;right:12px;bottom:8px;color:rgba(145,168,188,.45);font-size:.58rem;font-weight:900;letter-spacing:.16em}.visual svg{width:100%;height:auto;display:block;animation:diagram-in .65s ease both}.wire{stroke:#738e9f;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.flow{stroke:var(--teal);stroke-width:4;stroke-dasharray:8 12;fill:none;animation:flow 1s linear infinite;filter:drop-shadow(0 0 5px rgba(87,240,209,.45))}.inactive{stroke:#3a4b5b}.node{fill:#142739;stroke:#76a0b1;stroke-width:2}.svgtext{fill:#e1eff6;font-size:12px}.chart{display:block;width:100%;height:260px;margin-top:12px;border:1px solid var(--line);border-radius:16px;background:#081019}.notice{margin:22px 0;padding:17px 19px;border:1px solid rgba(243,183,102,.22);border-left:3px solid var(--amber);border-radius:14px;background:linear-gradient(110deg,rgba(243,183,102,.07),rgba(243,183,102,.015));color:#f4ddbd}.ok{color:var(--green)}.warn{color:var(--amber)}.danger{color:#ff8a9d}table{width:100%;border-collapse:collapse;font-size:.91rem;overflow-wrap:anywhere}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--teal);background:rgba(69,217,232,.035)}.formula{display:block;margin:10px 0;padding:13px 15px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:12px;background:rgba(69,217,232,.045);color:#dffdfa;font: .92rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.download-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:18px 21px;border:1px solid rgba(87,240,209,.18);border-radius:20px;background:linear-gradient(110deg,rgba(87,240,209,.065),rgba(139,124,255,.04));}.download-strip strong{display:block;margin-top:3px;font-size:1.04rem}.download-strip p{margin:2px 0 0;color:var(--muted);font-size:.84rem}.download-actions{display:flex;gap:8px;flex-wrap:wrap}.download-actions .btn{font-size:.8rem}.footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:40px;padding:22px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}.checkrow{display:flex;align-items:center;gap:10px;margin:12px 0}.checkrow input{accent-color:var(--teal);width:18px;height:18px}textarea,input[type=text]{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#09121c;color:var(--ink);font:inherit;outline:none}textarea{min-height:112px;resize:vertical}textarea:focus,input[type=text]:focus{border-color:var(--line-hot);box-shadow:0 0 0 4px rgba(69,217,232,.05)}.hidden{display:none!important}.empty-state{grid-column:1/-1;padding:30px;border:1px dashed var(--line);border-radius:18px;text-align:center;color:var(--muted)}.reveal{animation:card-in .7s cubic-bezier(.16,.7,.22,1) both}.reveal:nth-child(2){animation-delay:.08s}.reveal:nth-child(3){animation-delay:.16s}.reveal:nth-child(4){animation-delay:.24s}::selection{background:rgba(87,240,209,.28);color:white}
@keyframes flow{to{stroke-dashoffset:-40}}@keyframes hero-arrive{0%{opacity:0;transform:translateY(22px) scale(.99);filter:blur(7px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breath{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.05);opacity:1}}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes shimmer{to{background-position:220% 0}}@keyframes diagram-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.card,.card.third{grid-column:span 12}.sim-layout{grid-template-columns:1fr}.hero-art{right:1%;width:30%;opacity:.4}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{padding:17px 13px 28px}.top{margin-bottom:16px}.hero{padding:24px 19px;border-radius:24px}.hero h1{font-size:clamp(2.1rem,11vw,3.3rem)}.hero-art{width:38%;right:-2%;bottom:0;opacity:.26}.stats{gap:8px}.stat{padding:11px 10px}.stat strong{font-size:1.28rem}.stat span{font-size:.68rem}.grid{gap:12px;margin-top:16px}.card{padding:20px 17px;border-radius:19px}.controls{grid-template-columns:1fr}.download-strip{align-items:flex-start;flex-direction:column;padding:17px}.download-actions{width:100%}.download-actions .btn{flex:1}.navlinks .btn{flex:1 1 auto}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:12px}.metric strong{font-size:1.05rem}.filter-row{width:100%}.filter-chip{flex:1}.section-title{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{body{background:white!important;color:#111!important}body:before,.hero:before,.hero:after,.hero-art{display:none!important}.wrap{max-width:none;padding:0}.top{margin-bottom:12px}.hero,.card,.download-strip{background:white!important;color:#111!important;border:1px solid #bbb;box-shadow:none}.hero h1,.card h2,.card h3,.muted,.footer{color:#333!important}.btn,.filter-row,.catalog-tools,.download-actions,.top .pill{display:none!important}.grid{display:block}.card{margin:10px 0;break-inside:avoid}.formula{color:#111;background:#f4f4f4}.flow{animation:none}.notice{background:#fafafa;color:#222}.footer{margin-top:20px}}