:root{--wb-surface:#e6e5e5;--wb-shade:#b6b5b5;--wb-glint:#fff;--wb-surface-well:#dbdada;--wb-accent:#d97757;--wb-text-primary:#383735;--wb-text-secondary:#66635f;--wb-text-tertiary:#716d68;--raised:3px 3px 8px #b6b5b580,-3px -3px 8px #ffffff80;--inset:inset 2px 2px 5px var(--wb-shade),inset -2px -2px 5px var(--wb-glint);--hero-type:clamp(40px,5.3vw,68px);--site-heading:clamp(28px,3vw,40px);--ui-font-weight:300}
html[data-theme=dark]{--wb-surface:#262628;--wb-shade:#0b0b0c;--wb-glint:#38383c;--wb-surface-well:#0d0d0e;--wb-accent:#f97279;--wb-text-primary:#ece9e6;--wb-text-secondary:#bbb7b3;--wb-text-tertiary:#aaa5a0;--raised:3px 3px 8px #0b0b0c80,-3px -3px 8px #38383c80;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--wb-surface);color:var(--wb-text-primary);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:var(--wb-type-body);font-weight:var(--wb-weight-regular);line-height:var(--wb-type-body-line)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--wb-gap-icon);height:var(--wb-control-standard);padding:0 16px;border:0;border-radius:var(--wb-radius-control);background:var(--wb-surface);color:inherit;box-shadow:var(--raised);cursor:pointer}button:hover,a:hover{filter:brightness(1.04)}button:active,button[aria-pressed=true]{box-shadow:var(--inset)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--wb-accent) 28%,transparent)}.large{height:var(--wb-control-large);padding-inline:24px}.quiet,.text-button{box-shadow:none}.wrap{width:calc(100% - 64px);max-width:1200px;margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:var(--wb-weight-strong)}h3{font-size:var(--wb-type-window);line-height:var(--wb-type-dialog-line)}.accent{color:var(--wb-accent)}.icon{display:inline-flex;width:16px;height:16px;flex-shrink:0}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
header{display:flex;align-items:center;justify-content:space-between;height:96px;gap:32px}.brand{display:flex;align-items:center;gap:8px;font-size:var(--wb-type-page)}nav,.header-actions{display:flex;gap:24px;align-items:center}.header-actions{gap:16px}nav{color:var(--wb-text-secondary)}.hero{text-align:center;padding:48px 0 40px}.hero h1{font-size:var(--hero-type);line-height:1.2;letter-spacing:-2px;margin:24px 0}.actions{display:flex;justify-content:center;gap:16px;margin:24px 0 16px}.experience{padding-bottom:56px}.showcase-top{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0}#tour-play{box-shadow:none;flex-shrink:0}.screen-button{display:block;position:relative;height:auto;width:100%;padding:0;overflow:hidden;border-radius:var(--wb-radius-panel);box-shadow:none;line-height:0;background:var(--wb-surface-well)}.screen-button:hover{filter:none}.screen-button img{display:block;width:100%;height:auto;aspect-ratio:1544/1040;object-fit:contain}.hero-screen{box-shadow:0 16px 48px #0000000d}.hero-screen img{animation:screen-in var(--wb-motion-move) var(--wb-ease-enter)}.zoom-label{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 16px;line-height:24px;border-radius:var(--wb-radius-control);background:var(--wb-surface);color:var(--wb-text-primary);box-shadow:var(--raised);opacity:0;transition:opacity var(--wb-motion-base)}.screen-button:hover .zoom-label,.screen-button:focus-visible .zoom-label{opacity:1}.tour-tabs{display:flex;flex-wrap:wrap;gap:8px}.tour-tabs button{box-shadow:none}.tour-tabs button[aria-pressed=true]{box-shadow:var(--inset);color:var(--wb-accent)}.section-head{margin-bottom:40px}.section-head h2{font-size:var(--site-heading);line-height:1.4}.feature-section{padding-block:48px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}.feature-copy{padding-bottom:24px}.family{padding-block:48px 64px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.product{display:flex;flex-direction:column;align-items:start;gap:24px;padding:32px;background:color-mix(in srgb,var(--wb-surface-well) 55%,var(--wb-surface));border-radius:var(--wb-radius-panel)}.product a{display:flex;align-items:center;gap:8px}.product-status{color:var(--wb-text-secondary)}.upcoming{justify-content:center}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0}dialog{border:0;padding:var(--wb-dialog-pad);width:var(--wb-dialog-width-sm);max-width:calc(100% - 32px);max-height:calc(100% - 32px);border-radius:var(--wb-radius-dialog);background:var(--wb-surface);color:var(--wb-text-primary);box-shadow:var(--raised)}dialog::backdrop{background:#0009}dialog[open]{animation:screen-in var(--wb-motion-slow) var(--wb-ease-enter)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.dialog-head h3{font-size:var(--wb-type-dialog)}.dialog-head button{width:32px;padding:0;flex-shrink:0}#dialog-message{margin:16px 0}#okay{display:flex;margin-left:auto}#image-dialog{width:min(1600px,calc(100vw - 32px))}.image-scroll{max-height:calc(100vh - 128px);overflow:auto}#full-image{display:block;width:100%;height:auto}.skip{position:absolute;top:-80px;left:16px}.skip:focus{top:16px;z-index:10;padding:8px;background:var(--wb-surface)}@keyframes screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){header{gap:16px}nav{gap:16px}.header-actions{gap:8px}.feature-grid{gap:40px 24px}.products{gap:16px}.product{padding:24px}footer{flex-wrap:wrap}.hero{padding-top:32px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}header{height:auto;min-height:96px;flex-wrap:wrap;padding:16px 0;gap:16px}.brand{font-size:var(--wb-type-window)}nav{order:3;width:100%;justify-content:center;gap:32px}.header-actions button{padding-inline:12px}.hero{padding:40px 0 24px}.hero h1{letter-spacing:-1px}.actions{gap:8px;flex-wrap:wrap}.actions .large{padding-inline:16px}.showcase-top{gap:8px}.showcase-top button{padding-inline:8px}.tour-tabs{gap:4px}.tour-tabs button{padding-inline:8px}.zoom-label{display:none}.feature-grid,.products{grid-template-columns:1fr}.feature-section,.family{padding-top:32px}.feature-copy{padding-bottom:16px}.section-head{margin-bottom:32px}.product{flex-direction:row;align-items:center;flex-wrap:wrap}.product>a,.product>button{margin-left:auto}footer{justify-content:center;gap:16px}footer>div{display:flex;flex-wrap:wrap;justify-content:center}#full-image{min-width:960px}.image-scroll{mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-screen img,dialog[open]{animation:none}}