.board-home{--science-blue:#0c39c5;--showcase-small:.75rem;--showcase-body:.875rem;--showcase-gap:1rem}
.board-home .science-word{color:var(--science-blue)}
.board-home .science-symbol{display:inline-block;width:.72em;height:.72em;vertical-align:.02em;margin-left:.18em}
.board-home .home-hero{background:#fff;color:#151517;min-height:0;padding-top:clamp(2rem,4vw,4rem);padding-bottom:0;row-gap:0}
.board-home .hero-lead{color:#626267}
.board-home .hero-baseline{margin-top:2.25rem;border-color:#15151724;color:#626267}
.board-home .hero-baseline a{color:#151517}
.board-home .home-showcase{min-width:0;padding:0;background:#fff;color:#151517}
.showcase-stage{display:grid}
.showcase-slide{grid-area:1/1;margin:0;min-width:0;opacity:0;visibility:hidden;transition:opacity .75s cubic-bezier(.4,0,.2,1),visibility .75s}
.showcase-slide.is-active{opacity:1;visibility:visible}
.board-home .showcase-slide img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;max-height:none}
.board-home .showcase-slide figcaption{display:flex;flex-direction:column;gap:6px;min-height:52px;margin-top:8px;font-size:var(--showcase-small);letter-spacing:.04em;line-height:1.5;color:#626267}
.showcase-slide figcaption strong{color:#151517;font-weight:700;letter-spacing:.1em}
.board-home .showcase-slide figcaption .showcase-product-name{font-size:clamp(1.125rem,1.55vw,1.375rem);letter-spacing:-.025em;line-height:1.25}
.board-home .showcase-slide figcaption .showcase-positioning{max-width:48ch;font-size:var(--showcase-body);line-height:1.5;letter-spacing:0;color:#454a50;font-weight:400}
.board-home .showcase-slide figcaption .showcase-status{font-size:var(--showcase-small);font-weight:700;letter-spacing:.07em;color:var(--science-blue)}
.board-home .showcase-slide figcaption .showcase-spec{max-width:60ch;font-size:var(--showcase-small);letter-spacing:0;line-height:1.5;color:#454a50}
.showcase-ecosystem{display:block;margin-top:12px;padding-block:8px;color:var(--science-blue);font-size:var(--showcase-body);font-weight:700;line-height:1.45;text-decoration:none}
.showcase-ecosystem:hover{text-decoration:underline;text-underline-offset:3px}
.showcase-ecosystem:focus-visible{outline:2px solid var(--science-blue);outline-offset:3px}
.showcase-app-art{position:relative;aspect-ratio:3/2;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#eaf0fc 0,white 66%);isolation:isolate}
.showcase-phone{position:absolute;top:6%;width:29%;height:88%;padding:5px;background:#17191f;border:1px solid #333946;border-radius:20px;box-shadow:0 14px 28px #13234b22;overflow:hidden}
.showcase-phone-secondary{left:22%;transform:rotate(-7deg) scale(.93)}
.showcase-phone-primary{left:49%;transform:rotate(5deg)}
.board-home .showcase-phone img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top;border-radius:14px}
.showcase-detail-link{font-size:var(--showcase-body);font-weight:700;color:var(--science-blue);letter-spacing:0;text-decoration:none}
.showcase-detail-link:hover{text-decoration:underline}
.showcase-detail-link:focus-visible{outline:2px solid var(--science-blue);outline-offset:3px}
.showcase-selectors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:12px}
.showcase-selectors button{min-height:44px;padding:10px 0;background:#fff;color:#626267;border:0;border-top:2px solid #e2e4e7;text-align:left;font:inherit;font-size:var(--showcase-body);cursor:pointer;transition:color .18s,border-color .18s}
.showcase-selectors button span{font-size:var(--showcase-small);margin-right:6px}
.showcase-selectors button[aria-pressed=true]{color:var(--science-blue);border-top-color:var(--science-blue);font-weight:700}
.showcase-selectors button:hover{color:#151517;border-top-color:var(--science-blue)}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;color:#626267;font-size:var(--showcase-small)}
.showcase-controls[hidden]{display:none}
.showcase-controls>div{display:flex;gap:6px}
.showcase-controls button{min-width:44px;min-height:44px;padding:6px 10px;border:1px solid #e2e4e7;background:white;color:#33383d;font:inherit;cursor:pointer}
.showcase-controls .showcase-toggle{min-width:60px}
.showcase-controls button:hover{background:#f1f5fa}
.showcase-controls button:focus-visible,.showcase-selectors button:focus-visible{outline:2px solid var(--science-blue);outline-offset:3px}
.board-home .experience-section{min-height:0;scroll-margin-top:90px}
.board-home .experience-section>figure{min-height:0;max-height:490px}
.board-home .experience-copy{padding:clamp(2rem,4vw,4rem)}
.board-home .site-footer{padding-top:2rem;padding-bottom:1.5rem}
@media(max-width:760px){.board-home .home-hero{padding-top:2rem}.board-home .home-showcase{margin-top:1.5rem}.board-home .hero-baseline{margin-top:1.5rem;padding-block:1rem;gap:.25rem}.board-home .experience-section>figure{max-height:310px}.board-home .experience-copy{padding:2rem 1.25rem}.showcase-selectors{gap:8px}.showcase-selectors button span{margin-right:4px}.board-home .showcase-slide figcaption{min-height:52px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{transition:none}}
@media(max-width:760px){.showcase-selectors{gap:6px}.showcase-selectors button{font-size:.75rem;line-height:1.35}.showcase-selectors button span{display:block;margin:0 0 3px}.showcase-phone{padding:3px;border-radius:13px}.board-home .showcase-phone img{border-radius:9px}}