@font-face{font-family:Share Tech;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/share-tech-latin-400-normal-Coc7_46J.woff2)format("woff2"),url(/assets/share-tech-latin-400-normal-NgdO0a6g.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Share Tech Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2)format("woff2"),url(/assets/share-tech-mono-latin-400-normal-15MgdvEM.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a10;--surface:#101018;--surface-hover:#16161f;--border:#21212e;--code-bg:#0d0d14;--text:#8d8da3;--text-h:#ececf4;--accent:#e8447f;--highlight:#ff77b0;--shadow:#7c1e46;--accent-bg:#e8447f12;--accent-border:#e8447f6b;--accent-faint:#e8447f21;--glow:0 0 18px #e8447f59;--dot:#e8447f73;--on-accent:#0a0a10;--sans:"Share Tech", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Share Tech", system-ui, "Segoe UI", Roboto, sans-serif;--mono:"Share Tech Mono", ui-monospace, Consolas, monospace;font:19px/150% var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 30%,#000 10%,#0000 78%);mask-image:radial-gradient(circle at 50% 30%,#000 10%,#0000 78%)}#root{min-height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-h)}::selection{background:var(--accent);color:var(--on-accent)}.landing{flex-direction:column;gap:3.5rem;width:min(880px,100% - 3rem);margin:0 auto;padding:clamp(2.5rem,8vh,5rem) 0 6rem;display:flex}.hero{flex-direction:column;align-items:center;display:flex}.title{text-align:center;letter-spacing:.01em;color:var(--text-h);flex-direction:column;margin:0;font-size:clamp(35px,8vw,96px);font-weight:800;line-height:.92;display:flex}.title-alt{color:var(--accent);text-shadow:var(--glow)}.lit{font-weight:inherit;animation:2.6s ease-out both strike}.lit:nth-of-type(2){animation-delay:.28s}.title-alt .lit{--highlight:#ffc9e2}.title-alt .lit:first-of-type{animation-delay:.52s}.title-alt .lit:nth-of-type(2){animation-delay:.78s}@keyframes strike{0%,5%{color:inherit;text-shadow:none}7%{color:var(--highlight);text-shadow:0 0 6px #ff77b040}9%{color:inherit;text-shadow:none}13%{color:var(--highlight);text-shadow:0 0 9px #ff77b066}16%{text-shadow:0 0 4px #ff77b02e}22%{text-shadow:0 0 12px #ff77b080}27%{text-shadow:0 0 8px #ff77b059}to{color:var(--highlight);text-shadow:var(--glow), 0 0 40px #ff77b073}}@media (prefers-reduced-motion:reduce){.lit{color:var(--highlight);text-shadow:var(--glow);animation:none}}.panel{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--bg));padding:1.4rem;position:relative}.showcase{--wide:min(1440px, 100vw - 1.5rem);width:var(--wide);margin-inline:calc(50% - var(--wide) / 2);grid-template-columns:minmax(0,.48fr) minmax(0,1.52fr);align-items:stretch;gap:1.25rem;display:grid}.intro-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;display:flex}.intro{color:var(--text-h);margin:0;font-size:.95rem;line-height:1.65}.intro-sub{margin:0;font-size:.85rem;line-height:1.65}.actions{flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:1.6rem;display:flex}.action{border:1px solid var(--border);color:var(--text-h);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:.55rem;padding:.7rem 1.2rem;font-size:.75rem;text-decoration:none;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.action:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.action.primary:disabled:hover{background:var(--accent-faint);color:var(--highlight)}.downloads-actions .soon{text-align:center;margin:0}.action:hover{border-color:var(--accent-border);color:var(--highlight)}.action.primary{border-color:var(--accent);background:var(--accent-faint);color:var(--highlight);padding-inline:2.1rem}.action.primary:hover{background:var(--accent);color:var(--on-accent);box-shadow:var(--glow)}.tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:-1.5rem;padding-bottom:.6rem;display:flex}.tab{border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.5rem;padding:.6rem 1.5rem;font-size:.78rem;transition:color .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative}.tab:hover:not(:disabled):not(.active){border-color:var(--accent-border);color:var(--highlight)}.tab.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:var(--glow)}.tab:disabled{opacity:.35;cursor:not-allowed}.tab-panel{flex-direction:column;gap:3.5rem;display:flex}.video-row{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:1.25rem;display:grid}.video-frame{aspect-ratio:16/9;border:1px solid var(--border);background:var(--code-bg);position:relative}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.downloads-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;display:flex}.downloads-heading{letter-spacing:.08em;margin:0;font-size:1rem}.downloads-desc{margin:0;font-size:.85rem;line-height:1.6}.downloads-actions{flex-direction:column;gap:.7rem;width:100%;min-width:0;max-width:16rem;margin-top:.4rem;display:flex}.downloads-actions .action{box-sizing:border-box;white-space:nowrap;justify-content:center;width:100%;min-width:0;padding-inline:1rem}.soon{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:.7rem}.variants-section{flex-direction:column;display:flex}.variants-desc{margin:-.5rem 0 1rem;font-size:.85rem;line-height:1.6}.variants-canvas{aspect-ratio:16/7;border:1px solid var(--border);background:var(--bg);position:relative}.variants-title{z-index:1;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-h);pointer-events:none;font-size:.85rem;position:absolute;top:.8rem;left:50%;transform:translate(-50%)}.variants-title:before{content:"";background:radial-gradient(ellipse, var(--bg) 30%, transparent 70%);z-index:-1;pointer-events:none;border-radius:50%;width:260%;height:320%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.variants-overlay{z-index:1;pointer-events:none;justify-content:space-evenly;align-items:flex-end;padding:0 2rem 10%;display:flex;position:absolute;inset:0}.variant-label{color:var(--text);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:.65rem;position:relative}.variant-label:before{content:"";background:radial-gradient(ellipse, var(--bg) 30%, transparent 70%);z-index:-1;pointer-events:none;border-radius:50%;width:220%;height:400%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.variants-canvas canvas{filter:drop-shadow(0 0 5px var(--bg)) drop-shadow(0 0 10px var(--bg)) drop-shadow(0 0 18px var(--bg)) drop-shadow(0 0 30px var(--bg)) drop-shadow(0 0 48px var(--bg));display:block;width:100%!important;height:100%!important}@media (width<=640px){.variants-canvas{aspect-ratio:4/3}}.roadmap-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.road{flex-direction:column;gap:.7rem;padding:1.3rem 1.2rem 1.1rem;display:flex}.road-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.road-head h3{font-family:var(--mono);color:var(--text-h);margin:0;font-size:.95rem;font-weight:500}.chip{border:1px solid var(--accent-border);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);padding:.15rem .5rem;font-size:.6rem}.road-desc{margin:0;font-size:.82rem;line-height:1.6}.variants{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.variants li{border:1px dashed var(--border);font-family:var(--mono);color:var(--text);padding:.25rem .5rem;font-size:.66rem}.road-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-top:auto;padding-top:.6rem;font-size:.7rem;text-decoration:none;display:flex}.road-link:hover{color:var(--highlight);text-shadow:var(--glow)}.road-link.placeholder{color:var(--border);text-shadow:none}.section-head{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-h);margin:0 0 1.1rem;font-size:.8rem;font-weight:500}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.tool{flex-direction:column;gap:.3rem;padding:1.3rem 1.2rem;text-decoration:none;transition:border-color .18s,background .18s;display:flex}.tool:hover{border-color:var(--accent-border);background:var(--accent-bg)}.tool-label{font-family:var(--mono);color:var(--text-h);align-items:center;gap:.5rem;font-size:.95rem;transition:color .18s,text-shadow .18s;display:flex}.tool:hover .tool-label{color:var(--highlight);text-shadow:var(--glow)}.tool-by{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.65rem}.tool-out{color:var(--text);opacity:.7;font-size:.7em}.tool:hover .tool-out{color:var(--highlight);opacity:1}.tool-desc{color:var(--text);margin-top:.35rem;font-size:.82rem;line-height:1.6}.model-panel{padding-bottom:.6rem}.model-dots{--dot-w:36px;--dot-h:20.78px;pointer-events:none;background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.2px), radial-gradient(circle, var(--dot) 1px, transparent 1.2px);background-size:var(--dot-w) var(--dot-h);background-position:0 0, calc(var(--dot-w) / 2) calc(var(--dot-h) / 2);-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.model{aspect-ratio:16/10;filter:drop-shadow(0 0 5px var(--bg)) drop-shadow(0 0 10px var(--bg)) drop-shadow(0 0 18px var(--bg)) drop-shadow(0 0 30px var(--bg)) drop-shadow(0 0 48px var(--bg));position:relative}.model-img{object-fit:contain;filter:brightness(1.45)saturate(1.05);width:100%;height:100%;position:absolute;inset:0}.model-lit{transition:opacity .22s}.model-hotspot{cursor:pointer;background:0 0;border:0;padding:0;position:absolute}.model-hotspot:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.firmware{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface), var(--bg));scroll-margin-top:2rem;position:relative}.firmware-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.4rem;transition:background .18s;display:flex}.firmware-toggle:hover{background:var(--accent-bg)}.firmware-toggle-text{flex-direction:column;gap:.3rem;display:flex}.firmware-toggle-text strong{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-h);font-size:.95rem}.firmware-toggle:hover .firmware-toggle-text strong{color:var(--highlight);text-shadow:var(--glow)}.firmware-toggle-text span{font-size:.86rem}.chevron{border:1px solid var(--accent-border);width:1.9rem;height:1.9rem;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:relative}.chevron svg{transition:opacity .22s;position:absolute}.firmware-body{border-top:1px solid var(--border);padding:0 1.4rem 1.6rem}.mode-switch{border:1px solid var(--border);background:var(--bg);margin:1.4rem 0;display:inline-flex}.mode-switch button{color:var(--text);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:.45rem 1.2rem;font-size:.75rem;transition:color .18s,background .18s}.mode-switch button:hover{color:var(--highlight)}.mode-switch button.active{background:var(--accent);color:var(--on-accent)}.auto-panel p{font-size:.92rem;line-height:1.65}.generate{border:1px solid var(--accent);background:var(--accent-faint);color:var(--highlight);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.6rem;margin-top:1.4rem;padding:.75rem 1.5rem;font-size:.8rem;transition:background .18s,box-shadow .18s;display:inline-flex}.generate:hover:not(:disabled){background:var(--accent);color:var(--on-accent);box-shadow:var(--glow)}.generate:disabled{opacity:.4;cursor:not-allowed}.auto-progress{border:1px solid var(--border);flex-direction:column;margin:1.4rem 0 0;padding:0;list-style:none;display:flex}.auto-stage{font-family:var(--mono);color:var(--text);flex-wrap:wrap;align-items:baseline;gap:.6rem;padding:.6rem .9rem;font-size:.78rem;display:flex}.auto-stage+.auto-stage{border-top:1px solid var(--border)}.auto-mark{width:1rem;color:var(--accent);justify-content:center;display:inline-flex}.auto-stage.active .auto-mark:before{content:"";background:var(--accent);width:.45rem;height:.45rem;animation:1.1s ease-in-out infinite pulse}.auto-stage.active .auto-label,.auto-stage.done .auto-label{color:var(--text-h)}.auto-stage.failed .auto-mark,.auto-stage.failed .auto-detail{color:var(--highlight)}.auto-detail{letter-spacing:.04em;font-size:.7rem}.auto-link{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-left:auto;font-size:.7rem;text-decoration:none}.auto-link:hover{color:var(--highlight)}.auto-bar{background:var(--border);flex-basis:100%;height:4px;margin-top:.35rem}.auto-bar-fill{background:var(--accent);height:100%;transition:width .45s ease-out}.auto-result{margin-top:1.2rem}.artifact.clickable{cursor:pointer;font:inherit;background:0 0;transition:border-color .18s,color .18s}.artifact.clickable:hover{border-color:var(--accent);color:var(--highlight)}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.auto-stage.active .auto-mark:before{animation:none}}.auto-next{border-top:1px solid var(--border);flex-direction:column;gap:1.6rem;margin-top:2rem;padding-top:1.6rem;display:flex}.auto-next-step h3,.auto-optional h3{font-family:var(--mono);letter-spacing:.04em;margin:0 0 .5rem;font-size:.95rem;font-weight:500}.auto-optional{border:1px solid var(--border);min-width:0;margin:0;padding:.6rem 1rem 1rem}.auto-optional legend{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);padding:0 .5rem;font-size:.65rem}.steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.step{grid-template-columns:3rem 1fr;gap:1.1rem;padding-bottom:2rem;display:grid}.step:not(:last-child) .step-num:after{content:"";background:linear-gradient(var(--accent-border), var(--border));width:1px;position:absolute;top:2.6rem;bottom:-2.4rem;left:50%}.step-num{border:1px solid var(--accent-border);background:var(--bg);width:2.4rem;height:2.4rem;font-family:var(--mono);color:var(--accent);justify-content:center;align-items:center;font-size:.78rem;display:flex;position:relative}.step-content h3{font-family:var(--mono);letter-spacing:.04em;color:var(--text-h);margin:.4rem 0 .5rem;font-size:.95rem;font-weight:500}.step-blurb{margin:0;font-size:.88rem;line-height:1.65}.step-content a{color:var(--accent);text-underline-offset:3px}.step-content a:hover{color:var(--highlight);text-shadow:var(--glow)}.step-lead{color:var(--text);margin:.9rem 0 0;font-size:.85rem;line-height:1.6}.note{border-left:2px solid var(--accent);background:var(--accent-bg);margin:.9rem 0 0;padding:.7rem .9rem;font-size:.82rem;line-height:1.6}.code{border:1px solid var(--border);background:var(--code-bg);margin:1rem 0 0}.code-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.35rem .7rem;display:flex}.code-lang,.code-copy{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:.65rem}.code-copy{border:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:.4rem;padding:.2rem .55rem;transition:color .18s,border-color .18s;display:inline-flex}.code-copy:hover{color:var(--highlight);border-color:var(--accent-border)}.code pre{margin:0;padding:.9rem;overflow-x:auto}.code code{font-family:var(--mono);color:var(--text-h);white-space:pre;font-size:.78rem;line-height:1.7}.code-comment{color:var(--text);opacity:.75}.code-placeholder{color:var(--highlight);background:var(--accent-faint);border-radius:2px;padding:0 .15em}.step-content :not(pre)>code{font-family:var(--mono);background:var(--accent-faint);color:var(--highlight);word-break:break-word;padding:.1em .35em;font-size:.82em}.bond-table{border-collapse:collapse;border:1px solid var(--border);width:100%;font-family:var(--mono);margin-top:1.1rem;font-size:.75rem;line-height:1.5}.bond-table th,.bond-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:.5rem .8rem}.bond-table th{letter-spacing:.14em;text-transform:uppercase;color:var(--text);background:var(--code-bg);font-size:.65rem;font-weight:400}.bond-table tbody tr:last-child td{border-bottom:0}.bond-table td:first-child{color:var(--text-h)}.bond-table td:not(:first-child){color:var(--text)}.step-content{min-width:0}.bond-table-wrap{overflow-x:auto}.artifact-row{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.artifact{font-family:var(--mono);border:1px solid var(--border);color:var(--text-h);padding:.3rem .6rem;font-size:.72rem}.artifact.reset{border-color:var(--accent-border);color:var(--accent)}.flash-order{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.flash-phase{border:1px solid var(--border);align-items:baseline;gap:.8rem;padding:.7rem .9rem;display:flex}.flash-phase p{margin:0;font-size:.85rem;line-height:1.6}.flash-badge{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);flex-shrink:0;font-size:.65rem}@media (width<=860px){.showcase{grid-template-columns:1fr}.model-panel{order:-1}.model{aspect-ratio:4/3;min-height:0}.video-row{grid-template-columns:1fr}}@media (width<=640px){.step{grid-template-columns:2rem 1fr;gap:.8rem}}
