.room{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.room svg{display:block;fill:none;stroke:var(--line);stroke-width:.6;shape-rendering:geometricPrecision}.screen{position:relative;height:100svh;min-height:600px;padding-top:var(--topbar-h);display:grid;grid-template-columns:var(--col-w) 1fr;overflow:hidden}.screen:before,.footer:before{content:"";position:absolute;top:0;bottom:0;left:var(--col-w);width:1px;background:var(--line);z-index:2;pointer-events:none}.screen__left{position:relative;z-index:1;padding:clamp(24px,4vh,40px) clamp(20px,2vw,32px);display:flex;flex-direction:column;gap:14px;min-height:0}.screen__right{position:relative;z-index:1;min-height:0;min-width:0}.screen__cross{position:absolute;z-index:2;top:var(--topbar-h);left:var(--col-w);transform:translate(-50%,1px);font-size:18px;font-weight:300;line-height:1;color:#8a8a8a;pointer-events:none}@media(max-width:767px){.screen{height:auto;min-height:100svh;grid-template-columns:1fr;grid-template-rows:auto 1fr}.screen:before,.footer:before{display:none}.screen__left{border-bottom:1px solid var(--line)}.screen__cross{display:none}}.intro__left{background:#141414eb}.intro__lead{font-size:clamp(22px,2vw,30px);font-weight:700;letter-spacing:-.04em;line-height:1.08}.intro__line{font-size:15px;color:var(--muted)}.intro__note{margin-top:10px;font-size:14px;line-height:1.5;color:var(--muted);max-width:34ch}.intro__hint{margin-top:auto;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.intro__right{display:flex;align-items:flex-end;padding:0 clamp(20px,4vw,64px) clamp(32px,7vh,72px)}.intro__headline{display:flex;flex-direction:column;font-size:clamp(36px,4.3vw,84px);white-space:nowrap;font-weight:700;letter-spacing:-.055em;line-height:.98}.intro__grey{color:#6f6f6f}@media(max-width:767px){.intro__room{display:none}.intro__right{padding-top:48px}.intro__headline{white-space:normal;font-size:clamp(36px,11vw,56px)}}.product__num{font-family:var(--serif);font-size:28px;color:var(--muted);line-height:1}.product__name{font-size:clamp(26px,2.4vw,36px);font-weight:700;letter-spacing:-.045em;line-height:1.04}.product__summary{font-size:15px;line-height:1.5;color:#b4b4b4;max-width:36ch}.product__meta{margin:6px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.product__meta dt{color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;padding-top:2px}.product__meta dd{margin:0;color:var(--text)}.product__badge{align-self:flex-start;margin-top:6px;font-size:11.5px;color:#cfcfcf;border:1px solid #3a3a3a;border-radius:999px;padding:5px 10px}.product__progress{margin-top:auto;display:flex;gap:6px}.product__progress i{flex:1;height:2px;background:#333}.product__progress i[data-active=true]{background:var(--text)}.product__stage{display:flex;padding:clamp(16px,3vh,28px) clamp(16px,2.4vw,36px)}.demo{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid #333;border-radius:8px;background:var(--bg-raised);overflow:hidden}.demo__head{display:flex;justify-content:space-between;padding:10px 14px;font-size:11.5px;color:var(--muted);border-bottom:1px solid #2a2a2a}.demo__body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;place-items:center}.demo__placeholder{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);border:1px dashed #3a3a3a;border-radius:6px;padding:18px 24px}@media(max-width:767px){.product__stage{min-height:70svh}}.footer{position:relative;display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;padding:clamp(48px,10vh,96px) clamp(16px,2vw,28px) clamp(24px,4vh,40px);border-top:1px solid var(--line)}.footer__name{font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-.05em;line-height:1}.footer__role{margin-top:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.footer__links{display:flex;gap:10px}