*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F5F5F0;--surface: #FFFFFF;--dark: #0D0D0D;--accent: #E5FF00;--text-primary: #0D0D0D;--text-secondary: #888888;--text-muted: #AAAAAA;--border: #E8E8E8;--green: #059669;--red: #DC2626;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}a{text-decoration:none;color:inherit}@view-transition{navigation:auto}.topbar{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 32px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar-left{display:flex;align-items:center;gap:12px}.logo-mark{width:36px;height:36px;border-radius:10px;background:var(--dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-text{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--dark)}.topbar-right{display:flex;gap:8px;align-items:center}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;font-family:var(--font-body);font-size:12px;white-space:nowrap}.badge-version{background:var(--dark);color:var(--accent);font-weight:600}.badge-demo{background:var(--bg);color:#666;font-weight:500;border:1px solid var(--border)}.scroll-body{max-width:1436px;margin:0 auto;padding:40px 48px;display:flex;flex-direction:column;gap:36px}.hero{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.hero-title{font-family:var(--font-heading);font-size:36px;font-weight:700;color:var(--dark);text-align:center}.hero-sub{font-family:var(--font-body);font-size:16px;font-weight:400;color:#888;text-align:center}.hero-desc{font-family:var(--font-body);font-size:14px;font-weight:400;color:#aaa;text-align:center}.stats-bar{display:flex;gap:24px;padding-top:12px}.stat{display:flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:13px;font-weight:500;color:#888}.stat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.modules{display:flex;gap:20px}.his-card{width:420px;min-width:420px;background:var(--dark);border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.his-top{display:flex;flex-direction:column;gap:14px}.his-icon-wrap{width:52px;height:52px;border-radius:14px;background:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.his-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:#fff;line-height:1.2}.his-desc{font-family:var(--font-body);font-size:13px;font-weight:400;color:#999;line-height:1.5}.his-roles-label{font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--accent)}.his-roles{display:flex;flex-direction:column;gap:6px}.his-role-row{display:flex;align-items:center;gap:10px;background:#1a1a1a;border-radius:12px;padding:10px 14px;width:100%;transition:background .15s;cursor:pointer}.his-role-row:hover{background:#222}.his-role-row.his-role-selected{background:#e5ff00}.his-role-row.his-role-selected .his-role-name{color:#0d0d0d}.his-role-row.his-role-selected .his-role-count{color:#444}.his-role-row.his-role-selected svg{stroke:#0d0d0d}.his-role-row.his-role-selected:hover{background:#d4eb00}.his-role-name{font-family:var(--font-body);font-size:13px;font-weight:500;color:#fff;flex:1}.his-role-count{font-family:var(--font-body);font-size:11px;font-weight:500;color:#666;white-space:nowrap}.his-bottom{display:flex;flex-direction:column;gap:12px}.his-badges{display:flex;gap:8px;align-items:center}.his-badge-live{background:#059669;color:#fff;font-family:var(--font-body);font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;white-space:nowrap}.his-badge-screens{background:#1a1a1a;color:#999;font-family:var(--font-body);font-size:11px;font-weight:500;padding:4px 10px;border-radius:100px;border:1px solid #333333;white-space:nowrap}.his-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--dark);font-family:var(--font-body);font-size:14px;font-weight:600;padding:14px 24px;border-radius:14px;width:100%;transition:background .25s,color .25s,opacity .2s;cursor:pointer}.his-btn:hover{opacity:.85}.his-btn-disabled{background:#1a1a1a;color:#555;cursor:default}.his-btn-disabled:hover{opacity:1}.modules-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module-card{background:#fff;border:1px solid #E5E5E5;border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:transform .2s,box-shadow .2s;cursor:pointer}.module-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000012}.module-card-emr{cursor:default}.module-card-emr:hover{transform:none;box-shadow:none}.module-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.module-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--dark);line-height:1.3}.module-desc{font-family:var(--font-body);font-size:12px;font-weight:400;color:#888;line-height:1.5;flex:1}.module-badge{display:flex;align-items:center;gap:6px}.badge-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.badge-label{font-family:var(--font-body);font-size:11px;font-weight:500;color:#888}.emr-dropdown{display:flex;align-items:center;justify-content:space-between;background:#fafafa;border:1px solid #E5E5E5;border-radius:10px;padding:10px 14px;width:100%;cursor:pointer;transition:border-color .2s;-webkit-user-select:none;user-select:none}.emr-dropdown:hover{border-color:#ccc}.emr-dropdown svg{transition:transform .25s ease}.emr-dropdown-label{font-family:var(--font-body);font-size:12px;font-weight:500;color:#888}.emr-roles{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;overflow:hidden}.emr-roles-inner{overflow:hidden;display:flex;flex-direction:column;gap:4px}.module-card-emr.emr-open .emr-roles{grid-template-rows:1fr}.module-card-emr.emr-open .emr-dropdown svg{transform:rotate(180deg)}.module-card-emr.emr-open .emr-dropdown{border-color:#ea580c;background:#fff7ed}.emr-role-link{display:flex;align-items:center;gap:8px;padding:6px 0;font-family:var(--font-body);font-size:11px;font-weight:500;color:#666;transition:color .15s}.emr-role-link:hover{color:var(--dark);text-decoration:underline}.emr-dot{width:5px;height:5px;border-radius:50%;background:#ea580c;display:inline-block;flex-shrink:0}.module-card-full{grid-column:1 / -1;flex-direction:row;align-items:center;gap:20px}.module-card-full .module-desc{flex:1}.module-card-spacer{height:1px;visibility:hidden}.cta{background:var(--dark);border-radius:24px;padding:40px 48px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.cta-left{display:flex;flex-direction:column;gap:8px}.cta-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:#fff}.cta-desc{font-family:var(--font-body);font-size:14px;font-weight:400;color:#999;line-height:1.5;max-width:480px}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--dark);font-family:var(--font-body);font-size:14px;font-weight:600;padding:16px 32px;border-radius:14px;white-space:nowrap;flex-shrink:0;transition:opacity .2s}.cta-btn:hover{opacity:.85}.footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:20px 0 0;width:100%}.footer-left{display:flex;align-items:center;gap:8px}.footer-tekval{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--dark)}.footer-sep{font-family:var(--font-body);font-size:14px;font-weight:400;color:#aaa}.footer-citron{font-family:var(--font-body);font-size:14px;font-weight:500;color:#888}.footer-right{display:flex;align-items:center}.footer-copy{font-family:var(--font-body);font-size:12px;font-weight:400;color:#aaa}.toast{pointer-events:none}@media(max-width:1200px){.modules{flex-direction:column}.his-card{width:100%;min-width:unset}.modules-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.scroll-body{padding:24px 20px;gap:28px}.topbar{padding:0 16px}.modules-grid{grid-template-columns:1fr}.hero-title{font-size:28px}.cta{flex-direction:column;align-items:flex-start;padding:32px 24px}.cta-btn{width:100%;justify-content:center}.footer{flex-direction:column;gap:8px;align-items:flex-start}.stats-bar{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.modules-grid{grid-template-columns:1fr}.cta-btn{justify-content:center}}