/* A visible clinical workflow structure, without ornamental scatter. */
:root{--flow-grid:#193d3207;--flow-guide:#193d3212;--flow-header:#f4f3edf2;--flow-quiet:#edf0e6;--flow-number:#193d3208}
body{background-color:var(--paper);background-image:linear-gradient(90deg,var(--flow-grid) 1px,transparent 1px),linear-gradient(var(--flow-grid) 1px,transparent 1px);background-size:64px 64px}.story{background-image:linear-gradient(90deg,transparent calc(8% - 1px),var(--flow-guide) 8%,transparent calc(8% + 1px),transparent calc(92% - 1px),var(--flow-guide) 92%,transparent calc(92% + 1px))}.site-header{height:100px;position:absolute;padding-inline:5%;border-bottom:1px solid var(--rule);background:var(--flow-header);backdrop-filter:blur(16px);gap:30px}.brand-lockup{display:grid;gap:9px;flex-shrink:0}.brand-lockup small{font-size:8px;font-weight:600;letter-spacing:1.7px;color:var(--muted)}.site-header nav{flex:1;justify-content:flex-end;gap:24px}.header-sections{display:flex;align-items:center;gap:26px;margin-right:auto;margin-left:40px}.header-sections a{font-size:12px;font-weight:500;white-space:nowrap;padding:12px 0;color:var(--muted);transition:color .2s}.header-sections a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.mobile-navigation{display:none}.hero{padding-top:170px}.hero-capabilities{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;margin:27px auto 0;width:fit-content;border:1px solid var(--rule);border-radius:10px;background:var(--surface);box-shadow:0 4px 12px var(--shadow)}.hero-capabilities a{font-size:11px;padding:11px 17px;white-space:nowrap;border-right:1px solid var(--rule)}.hero-capabilities a:last-child{border-right:0}.hero-capabilities a:hover{background:var(--flow-quiet)}.chapter{border-top:1px solid var(--flow-guide);position:relative}.chapter:before{content:attr(data-chapter-number);position:absolute;top:45px;left:9%;color:var(--flow-number);font-size:clamp(70px,9vw,145px);font-weight:700;letter-spacing:-7px;line-height:1;pointer-events:none;z-index:-1}.chapter:after{content:'';position:absolute;top:0;left:calc(50% - 1px);width:1px;height:35px;background:var(--rule)}.semantic-figure{background:radial-gradient(ellipse at center,var(--surface),transparent 70%)}.feature-notes article{background:linear-gradient(180deg,var(--paper),transparent);padding-inline:5px}.faq,footer{background:var(--paper)}
/* Other actions keep the editorial Harmyo button voice. */
.button:not(.metal-button){min-width:155px;min-height:48px;padding:12px 22px;border:1px solid var(--rule);border-radius:9px;background:var(--ink);color:var(--white);box-shadow:none;text-shadow:none;filter:none;gap:17px;font-size:12px;font-weight:600;transition:background .2s,transform .2s,border-color .2s}.button:not(.metal-button) .arrow{background:transparent;flex:0 0 auto;width:auto;height:auto;color:inherit;font-size:17px}.button.secondary:not(.metal-button){background:var(--surface);color:var(--ink);border-color:var(--rule);box-shadow:none}.record-actions .button:not(.metal-button){min-width:150px;min-height:45px;border-radius:8px;background:var(--accent);color:var(--white);padding:11px 16px;font-size:11px}.button:not(.metal-button):active{transform:translateY(1px);box-shadow:none}
@media(hover:hover){.button:not(.metal-button):hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:none;filter:none}.button.secondary:not(.metal-button):hover{background:var(--flow-quiet);color:var(--ink);border-color:var(--focus)}.button:not(.metal-button):hover .arrow{transform:translate(2px,-1px)}}
@media(max-width:1100px){.header-sections{gap:18px;margin-left:20px}.header-sections a{font-size:11px}.site-header nav{gap:16px}}
@media(max-width:900px){.header-sections{display:none}.mobile-navigation{display:block;position:relative;order:-1}.mobile-navigation summary{list-style:none;cursor:pointer;border:1px solid var(--rule);border-radius:8px;background:var(--surface);padding:9px 12px;font-size:11px;white-space:nowrap}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation-panel{position:absolute;top:calc(100% + 12px);right:0;min-width:220px;padding:8px;border:1px solid var(--rule);border-radius:12px;background:var(--surface);box-shadow:0 12px 35px var(--shadow)}.mobile-navigation-panel a{display:block;padding:13px 12px;border-radius:7px;font-size:13px}.mobile-navigation-panel a:hover{background:var(--flow-quiet)}.site-header{height:90px}}
@media(max-width:600px){body{background-size:40px 40px}.site-header{padding-inline:20px;gap:15px;height:90px}.site-header nav{gap:10px}.brand-lockup .wordmark{font-size:28px}.brand-lockup small{font-size:6px;letter-spacing:1.1px}.mobile-navigation{position:static}.mobile-navigation-panel{top:calc(100% + 1px);left:20px;right:20px;min-width:0}.mobile-navigation summary{font-size:10px;padding:9px}.site-header .languages button{min-width:23px}.hero-capabilities{max-width:335px;display:grid;grid-template-columns:1fr 1fr;overflow:clip}.hero-capabilities a{text-align:center;border-bottom:1px solid var(--rule);padding:10px 13px;font-size:10px}.hero-capabilities a:nth-child(2n){border-right:0}.hero-capabilities a:nth-child(n+3){border-bottom:0}.chapter:before{left:5%;top:30px;font-size:80px}.hero{padding-top:155px}.story{background-image:none}}
@media(max-width:390px){.site-header{padding-inline:15px;gap:9px}.brand-lockup .wordmark{font-size:25px}.brand-lockup small{font-size:5.5px;letter-spacing:.7px}.site-header nav{gap:7px}.site-header .languages{padding:2px}.site-header .languages button{min-width:21px;font-size:9px}.mobile-navigation summary{font-size:9px;padding:8px 7px}.site-header .metal-button.button{width:105px;min-width:105px}.site-header .metal-label{font-size:9px}.record-actions .button:not(.metal-button){min-width:135px}}
@media(prefers-reduced-motion:reduce){.header-sections a,.button:not(.metal-button){transition:none!important}}
@media(max-width:350px){.site-header nav{gap:5px}.site-header .metal-button.button{width:96px;min-width:96px}.mobile-navigation summary{padding-inline:6px}.brand-lockup .wordmark{font-size:24px}}
@media(max-width:414px){.site-header{height:125px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center;gap:12px 15px;padding-inline:20px}.site-header nav{display:contents}.brand-lockup{grid-column:1;grid-row:1;display:block}.brand-lockup small{display:none}.brand-lockup .wordmark{font-size:29px}.site-header .languages{grid-column:2;grid-row:1;justify-self:end;padding:3px}.site-header .languages button{font-size:10px;min-width:28px;min-height:28px}.mobile-navigation{grid-column:1;grid-row:2;width:fit-content;order:0}.mobile-navigation summary{font-size:11px;padding:10px 14px;min-width:80px;text-align:center}.site-header .metal-button.button{grid-column:2;grid-row:2;justify-self:end;width:146px;min-width:146px;height:42px;min-height:42px}.site-header .metal-label{font-size:11px}.hero{padding-top:180px}.mobile-navigation-panel{left:20px;right:20px}.hero-capabilities a{font-size:11px}}