:root{--hap-ink:#171717;--hap-muted:#737373;--hap-line:#dedede;--hap-paper:#f5f5f5;--hap-surface:#fff;--hap-dark:#171717;--hap-accent:#262626;--hap-safe:#525252;--blue:#202124;--green:#3f4245}.overview-page,.overview-hero,.overview-hero__copy,.overview-destinations,.overview-footer,.examples-page{color:var(--hap-ink);background:var(--hap-paper)}.overview-title>p:first-child,.overview-section-intro>span,.overview-contact__intro>span,.overview-scroll-cue,.examples-back,.examples-header>span,.examples-intro span,.examples-note>span{color:var(--hap-ink)}.overview-title__rule,.overview-scroll-cue span{background:var(--hap-ink)}.overview-contact__intro>span{color:#a3a3a3}.overview-hero__visual{border-radius:24px;margin:14px 14px 14px 0;overflow:hidden}.overview-link{color:var(--hap-ink);border-color:#d4d4d4;border-radius:14px;margin-block:4px;transition:color .18s,background .18s,transform .18s}.overview-link:hover{color:#fff;background:var(--hap-ink);transform:translate(4px)}.overview-link__arrow,.overview-contact__mail,.overview-sound-toggle,.canvas-pill-button,.canvas-back-link,.canvas-status,.flow-node__action,.edge-inspector button{border-radius:999px}.overview-contact{color:#fff;background:var(--hap-dark);border-radius:26px;margin:14px}.overview-contact__mail{flex:0 0 60px;width:60px;height:60px;border-radius:9999px!important}.overview-footer{padding-top:18px}.examples-gallery,.examples-film,.examples-footer{color:#fff;background:var(--hap-dark)}.examples-film video,.flow-node__video,.canvas-video-overlay__player{border-radius:18px;overflow:hidden}.concept-brand,.concept-nav__back,.concept-nav nav a,.concept-callout,.concept-table-wrap,.concept-architecture__lane,.concept-identity-flow>div,.concept-decision,.concept-explainer{border-radius:12px}.concept-brand{border-color:var(--hap-line);background:var(--hap-paper)}.flow-node{border-radius:16px}.flow-node__video-play,.canvas-video-overlay__close{color:var(--hap-ink)}.canvas-video-overlay{background:#0f0f0fe6}.canvas-video-overlay__player{background:var(--hap-dark)}.login-shell{background:var(--hap-paper)}.login-digits input{color:var(--hap-ink);background:#e8e8e8;border-radius:12px}.login-digits input:focus{border-color:#a3a3a3;box-shadow:0 0 0 4px #0000000f}@media (max-width:700px){.overview-hero__visual{border-radius:20px;margin:0 12px 12px}.overview-contact{border-radius:22px;margin:10px}.overview-contact__mail{flex-basis:56px;width:56px;height:56px}}