.intro h1{max-width:none}.capability{display:grid;grid-template-columns:1fr 1fr;gap:12px 48px;padding:28px 32px;border:1px solid var(--color-edge);border-radius:20px;margin-bottom:36px}.capability h2{font-size:22px;letter-spacing:-.025em;grid-row:1/3;margin:0;align-self:center}.capability p{font-size:13px;margin:0;color:var(--color-text-secondary)}#capability-status{color:var(--color-text);font-weight:600}.haptic-lab{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{background:#e7e9e2;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.contact-card.dressed{background:radial-gradient(ellipse at 50% 55% in oklab,#f3f6ea,#dce5d1)}.contact-heading{padding:32px}.contact-heading h2{font-size:28px}.contact-heading p{font-size:14px;margin:0;color:var(--color-text-secondary)}.contact-heading .eyebrow{display:block;margin-bottom:12px}.native-area,.dressed-area{flex:1;min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:24px}.native-area small,.dressed-area small{font-size:12px;max-width:27ch}.native-label,.dressed-label{font-size:14px}.native-switch{width:76px!important;height:44px!important;min-height:44px;margin:0;appearance:auto;cursor:pointer}.contact-caption{font-size:12px;color:var(--color-text-secondary);text-align:center;padding:28px}.tactile-control{position:relative;width:158px;height:158px;border-radius:50%;flex:none}.tactile-control input{position:absolute;inset:0;width:100%!important;height:100%!important;margin:0;opacity:0;appearance:auto;clip-path:circle(50%);cursor:pointer}.tactile-control:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:7px}.tactile-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none;border-radius:50%;background:linear-gradient(155deg in oklab,#fff,#eef1e8);color:#354d2b;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 6px rgb(60 81 38/.1),0 2px 3px rgb(39 58 24/.1),0 20px 30px -16px rgb(39 58 24/.3);font-size:13px;font-weight:550}.quiet-icon{font-size:45px;line-height:1.1;font-weight:400}.tactile-hint{font-size:10px;font-weight:400;color:#626f58}.tactile-control:has(input:checked) .tactile-face{background:linear-gradient(155deg in oklab,#608349,#3a5a2b);color:#fff;box-shadow:inset 0 2px 2px #98b47d,inset 0 -3px 6px #2d4224,0 2px 3px rgb(39 58 24/.12),0 20px 30px -16px rgb(39 58 24/.35)}.tactile-control:has(input:checked) .tactile-hint{color:#edf5e8}.quiet-workspace,.inspection,.device-check{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding-block:64px;border-bottom:1px solid var(--color-edge)}.quiet-workspace p,.inspection p,.device-check p{color:var(--color-text-secondary);font-size:15px;line-height:1.8}.workspace-preview{position:relative;background:#fff;padding:32px;min-height:320px;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.workspace-title{font-size:12px;color:var(--color-text-secondary)}.workspace-preview p{font:30px/1.2 Georgia,serif;letter-spacing:-.04em;margin-top:30px;color:var(--color-text)}.workspace-rule{display:block;width:80%;height:5px;background:#e6e9e1;margin:16px 0;border-radius:5px}.workspace-rule.short{width:60%}.notification{position:absolute;bottom:24px;right:24px;padding:12px 16px;border:1px solid #d9dece;background:#f8faf3;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.quiet-badge{position:absolute;right:24px;bottom:24px;font-size:12px;color:var(--color-accent)}.event-panel{padding:28px;background:var(--color-surface-soft);border-radius:20px;min-width:0}.event-panel h3{font-size:20px;margin:0}.event-panel output{font-size:12px;color:var(--color-text-secondary)}#event-log{list-style:none;padding:0;margin:22px 0;min-height:120px;max-height:255px;overflow-y:auto;scrollbar-gutter:stable}#event-log li{font:12px/1.7 ui-monospace,SFMono-Regular,monospace;padding:10px 0;border-bottom:1px solid var(--color-edge);overflow-wrap:anywhere}.event-panel .status{font-size:12px}.device-check fieldset{border:0;padding:0;margin:0}.device-check legend{font-size:14px;font-weight:550;margin-bottom:16px}.device-check form{background:var(--color-surface);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.limitations{padding-block:26px}.limitations li{max-width:86ch}.footer{border-top:1px solid var(--color-edge)}
@media(prefers-reduced-motion:no-preference){.tactile-face{transition:scale 200ms ease-out,background-color 180ms ease-out}.tactile-control:active .tactile-face{scale:.97}}
@media(max-width:760px){.capability{display:block;padding:24px}.capability h2{font-size:21px;margin-bottom:16px}.capability p+p{margin-top:10px}.haptic-lab{grid-template-columns:1fr;gap:24px}.contact-heading{padding:26px 26px 0}.native-area,.dressed-area{min-height:260px}.contact-caption{padding:20px}.quiet-workspace,.inspection,.device-check{grid-template-columns:1fr;gap:24px;padding-block:40px}.workspace-preview{min-height:290px}.event-panel{padding:22px}.device-check form{padding:24px}}