.site-header{border-bottom:var(--line);justify-content:space-between;align-items:center;max-width:80rem;min-height:3.5rem;margin:0 auto;padding:0 2rem;display:flex}.site-header__brand{color:var(--color-text-highlight);font-size:1rem;font-weight:700;text-decoration:none}.site-header__nav{align-items:center;gap:1.25rem;display:flex}.site-header__nav a{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-control);text-decoration:none}.site-header__nav a:hover{color:var(--color-text-highlight)}.site-header__nav a:focus-visible,.site-header__brand:focus-visible{outline:2px solid var(--color-focus);outline-offset:.25rem}.page-shell{max-width:80rem;margin:0 auto;padding:0 2rem 4rem}.hero{border-bottom:var(--line);min-height:min(42rem,100dvh - 3.5rem);padding:clamp(4rem,9vw,7rem) 0}.hero__copy{max-width:48rem}.hero__title{letter-spacing:-.065em;max-width:11ch;font-size:clamp(3rem,6.6vw,6rem);font-weight:600;line-height:.96}.hero__text,.section-heading__text{color:var(--color-text-secondary);line-height:1.6}.hero__text{max-width:36rem;margin:1.75rem 0 0;font-size:clamp(1rem,1.8vw,1.25rem)}.hero__actions,.session-card__actions,.confirm-dialog__actions{flex-wrap:wrap;gap:.625rem;display:flex}.hero__actions{margin-top:2rem}.session-section{border-bottom:var(--line);grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);padding:clamp(3.5rem,7vw,6rem) 0;display:grid}.section-heading{align-self:start}.section-heading__title,.product-summary__title{font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.1}.section-heading__text{max-width:34rem;margin:1rem 0 0}#session-app{min-width:0}#session-app>.auth-controls{justify-content:flex-end}.session-dashboard{display:block}.session-card{box-shadow:none;margin:0;padding:1.5rem}.session-card__title{max-width:24ch;font-size:clamp(1.5rem,2.4vw,2.1rem)}.session-card__description{color:var(--color-text-secondary);max-width:44rem;margin:.75rem 0 1.25rem}.session-card__code{background:var(--color-surface-inset);border:var(--line-strong);border-left:.25rem solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text-highlight);font-family:var(--font-mono);letter-spacing:.12em;margin:0 0 1rem;padding:.75rem 1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1;display:inline-flex}.session-card__presence{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.session-card__presence-pill{border:var(--line);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);padding:.4rem .55rem;font-size:.6875rem}.session-card__actions--danger{border-top:var(--line);margin-top:1.25rem;padding-top:1.25rem}.session-card__status{margin-top:1rem}.product-summary{grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:clamp(3.5rem,7vw,6rem) 0 2rem;display:grid}.product-summary__list{color:var(--color-text-secondary);gap:0;margin:0;padding:0;list-style:none;display:grid}.product-summary__list li{border-top:var(--line);padding:1rem 0;line-height:1.55}.product-summary__list li:last-child{border-bottom:var(--line)}.product-summary__tutorial{grid-column:2;justify-self:start}.empty-state{border:var(--line);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);margin:0;padding:.85rem;font-size:.6875rem}.confirm-dialog__card{max-width:28rem;padding:1.25rem}.confirm-dialog__title{font-size:1.5rem}.confirm-dialog__body{color:var(--color-text-secondary)}@media (width<=900px){.session-section,.product-summary{grid-template-columns:1fr}.hero__title{max-width:12ch}.product-summary__tutorial{grid-column:auto}}@media (width<=640px){.site-header,.page-shell{padding-left:1rem;padding-right:1rem}.site-header__nav{gap:.75rem}.site-header__nav a:first-child{display:none}.hero{min-height:auto;padding:4rem 0 3rem}.hero__actions,.session-card__actions,.confirm-dialog__actions{flex-direction:column;align-items:stretch}.hero__actions .button,.session-card__actions .button,.confirm-dialog__actions .button,.session-card__actions button,.confirm-dialog__actions button{width:100%}.session-card{padding:1rem}.session-card__code{justify-content:center;width:100%}}