:root{--seasalt: #f8f9fa;--antiflash-white: #e9ecef;--platinum: #dee2e6;--french-gray: #ced4da;--french-gray-2: #adb5bd;--slate-gray: #6c757d;--outer-space: #495057;--onyx: #343a40;--eerie-black: #212529;--color-bg-primary: var(--seasalt);--color-bg-secondary: var(--antiflash-white);--color-bg-tertiary: var(--platinum);--color-bg-dark: var(--eerie-black);--color-text-primary: var(--eerie-black);--color-text-secondary: var(--outer-space);--color-text-muted: var(--slate-gray);--color-text-light: var(--seasalt);--color-border: var(--french-gray);--color-border-light: var(--antiflash-white);--color-accent-primary: var(--onyx);--color-accent-secondary: var(--slate-gray);--site-primary: #2C7A7B;--site-primary-light: #4FD1C5;--site-primary-dark: #1A5557;--site-secondary: #4299E1;--site-secondary-light: #63B3ED;--site-background: #F7FAFC;--site-surface: #FFFFFF;--site-surface-alt: #EDF2F7;--site-text: #1A202C;--site-text-light: #718096;--site-border: #E2E8F0;--site-success: #48BB78;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-base: 16px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.75rem;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--paragraph-spacing: 1.25em;font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-top:0;margin-bottom:.75em}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);line-height:1.1}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}p{margin-top:0;margin-bottom:var(--paragraph-spacing);font-size:var(--font-size-base);line-height:var(--line-height-normal)}p.lead{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}small{font-size:var(--font-size-sm);color:var(--color-text-muted)}.text-display{font-family:var(--font-heading);font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);line-height:1.1;letter-spacing:var(--letter-spacing-tight)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-light{color:var(--color-text-light)}@media(max-width:1024px){h1,.text-4xl{font-size:2.25rem}h2,.text-3xl{font-size:1.875rem}.text-display{font-size:3rem}}@media(max-width:768px){:root{font-size:15px}h1,.text-4xl{font-size:1.875rem}h2,.text-3xl{font-size:1.5rem}h3,.text-2xl{font-size:1.25rem}.text-display{font-size:2.25rem}p.lead{font-size:var(--font-size-base)}}.gatekeeping-screen{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--site-primary) 0%,var(--site-secondary) 100%);z-index:10000;padding:2rem;overflow-y:auto}.gatekeeping-container{width:100%;max-width:600px;animation:fadeInUp .5s ease-out}.gatekeeping-container:has(.consent-card){max-width:90%}.gatekeeping-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.gatekeeping-card.consent-card{max-width:1400px;margin:0 auto}.gatekeeping-card.denied-card{max-width:500px;margin:0 auto}.gatekeeping-header{background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));color:#fff;padding:3rem 2rem 2rem;text-align:center}.gatekeeping-header .header-icon{margin:0 auto 1rem;display:block;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.gatekeeping-header .header-icon.denied{color:#ef4444}.gatekeeping-header h1{font-family:Inter,sans-serif;font-size:2rem;font-weight:800;margin:0 0 .5rem;line-height:1.2}.gatekeeping-header .subtitle{font-size:1rem;opacity:.95;margin:0;font-weight:400}.gatekeeping-content{padding:2rem}.info-text{color:var(--site-text);line-height:1.6;margin-bottom:2rem;text-align:center}.credentials-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--site-text);font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.form-group input{padding:.875rem 1rem;border:2px solid var(--site-border);border-radius:8px;font-size:1rem;font-family:Open Sans,sans-serif;transition:all .2s;background:#fff}.form-group input:focus{outline:none;border-color:var(--site-primary);box-shadow:0 0 0 3px #2c7a7b1a}.form-group input:disabled{background:var(--site-surface-alt);cursor:not-allowed}.error-message{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fee;color:#c00;border-radius:8px;font-size:.875rem;border-left:4px solid #c00}.submit-button{padding:1rem 2rem;background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s;margin-top:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.security-notice{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--site-border);color:var(--site-text-light);font-size:.75rem;text-align:center}.nda-terms{max-height:60vh;overflow-y:auto;padding:2rem;background:var(--site-surface-alt);border-radius:8px;border:2px solid var(--site-border);margin-bottom:2rem}.terms-content h2{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:800;color:var(--site-primary);margin:0 0 1.5rem;line-height:1.2;text-align:center}.terms-content h3{font-family:Inter,sans-serif;font-size:1.125rem;font-weight:700;color:var(--site-primary);margin:1.5rem 0 .75rem;line-height:1.3}.terms-content p{color:var(--site-text);line-height:1.7;margin:1rem 0;font-size:1rem}.terms-content p.final-notice{margin-top:2rem;padding:1rem;background:#fff;border-left:4px solid var(--site-primary);border-radius:4px;font-size:.9375rem}.terms-content ol{margin:1rem 0;padding-left:1.5rem;counter-reset:item}.terms-content ol>li{color:var(--site-text);line-height:1.7;margin:1.25rem 0;font-size:1rem;list-style:decimal}.terms-content ul{margin:.75rem 0;padding-left:1.5rem}.terms-content ul li{color:var(--site-text);line-height:1.6;margin:.5rem 0;font-size:.9375rem;list-style:disc}.terms-content strong{font-weight:600;color:var(--site-text)}.consent-actions{display:flex;gap:1rem;margin-bottom:1rem}.button-decline,.button-accept{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s}.button-decline{background:#fff;color:#ef4444;border:2px solid #ef4444}.button-decline:hover:not(:disabled){background:#fef2f2;transform:translateY(-2px);box-shadow:0 6px 20px #ef444426}.button-accept{background:linear-gradient(135deg,var(--site-success),#38a169);color:#fff}.button-accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #48bb784d}.button-decline:disabled,.button-accept:disabled{opacity:.6;cursor:not-allowed}.consent-note{text-align:center;font-size:.75rem;color:var(--site-text-light);line-height:1.5;padding:1rem;background:var(--site-surface-alt);border-radius:8px}.gatekeeping-footer{margin-top:2rem;text-align:center;color:#fff;font-size:.875rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.gatekeeping-screen{padding:1rem}.gatekeeping-header{padding:2rem 1.5rem 1.5rem}.gatekeeping-header h1{font-size:1.5rem}.gatekeeping-content{padding:1.5rem}.nda-terms{max-height:350px;padding:1.5rem}.gatekeeping-card.consent-card{max-width:95%}.consent-actions{flex-direction:column}.button-decline,.button-accept{width:100%}}@media(max-width:480px){.gatekeeping-header h1{font-size:1.25rem}.gatekeeping-header .subtitle{font-size:.875rem}.form-group input{padding:.75rem .875rem;font-size:.9375rem}.submit-button,.button-decline,.button-accept{padding:.875rem 1.5rem;font-size:.9375rem}}.home-page{min-height:100vh;background:var(--site-background)}.hero-section{background:linear-gradient(135deg,var(--site-primary) 0%,var(--site-secondary) 100%);color:#fff;padding:6rem 0;text-align:center}.hero-content{max-width:900px;margin:0 auto}.hero-logo{margin-bottom:2rem;display:flex;justify-content:center}.hero-logo img{max-width:200px;height:auto;border-radius:8px;box-shadow:0 4px 12px #00000026}.hero-heading{font-size:3.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.hero-subheading{font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;opacity:.95}.hero-description{font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.cta-button.primary{background:#fff;color:var(--site-primary)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.cta-button.secondary{background:#fff3;color:#fff;border:2px solid white}.cta-button.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.cta-button.large{padding:1.25rem 2.5rem;font-size:1.125rem}.highlights-section{padding:4rem 0;background:#fff}.section-heading{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--site-text)}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.highlight-card{text-align:center;padding:2rem;background:var(--site-background);border-radius:16px;border:2px solid var(--site-border);transition:all .3s ease}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--site-primary)}.highlight-number{font-size:3.5rem;font-weight:800;color:var(--site-primary);line-height:1;margin-bottom:.5rem}.highlight-label{font-size:1.125rem;font-weight:600;color:var(--site-text);margin-bottom:.5rem}.highlight-card p{color:var(--site-text-light);font-size:.9375rem}.included-section{padding:5rem 0;background:var(--site-background)}.included-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.included-card{background:#fff;padding:2.5rem;border-radius:16px;text-decoration:none;color:inherit;border:2px solid var(--site-border);transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.included-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f;border-color:var(--site-primary)}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:.5rem}.included-card h3{font-size:1.375rem;font-weight:700;color:var(--site-text);margin:0}.included-card p{color:var(--site-text-light);font-size:1rem;line-height:1.6;margin:0}.demo-cta-section{padding:5rem 0;background:linear-gradient(135deg,var(--site-primary-dark) 0%,var(--site-primary) 100%);color:#fff}.demo-cta-content{text-align:center;max-width:800px;margin:0 auto}.demo-cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.demo-cta-content p{font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem;opacity:.95}.demo-cta-content .cta-button{background:#fff;color:var(--site-primary)}.demo-cta-content .cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.home-footer{background:#1a1a1a;color:#fff;padding:3rem 0}.footer-content{text-align:center}.copyright{font-size:1rem;margin-bottom:2rem;opacity:.8}.footer-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:800px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.footer-col{text-align:center}.footer-col strong{display:block;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;opacity:.7}.footer-col p{margin:.5rem 0;opacity:.9;font-size:.9375rem}@media(max-width:1024px){.hero-heading{font-size:2.75rem}.highlights-grid{grid-template-columns:repeat(2,1fr)}.included-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.hero-section{padding:4rem 0}.hero-logo img{max-width:150px}.hero-heading{font-size:2.25rem}.hero-subheading{font-size:1.25rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column}.cta-button{width:100%;justify-content:center}.highlights-grid,.included-grid{grid-template-columns:1fr}.section-heading,.demo-cta-content h2{font-size:2rem}.footer-details{grid-template-columns:1fr;gap:2rem}.highlights-section,.included-section,.demo-cta-section{padding:3rem 0}}.technical-principles .section-intro{font-size:1.125rem;line-height:1.7;color:var(--site-text-light);margin-bottom:3rem}.principles-section{margin-bottom:4rem}.principle-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.principle-header h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin:0}.principle-header .section-icon{color:var(--site-primary);flex-shrink:0}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.principle-card{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:2rem;transition:all .3s ease}.principle-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--site-primary-light)}.principle-icon{color:var(--site-primary);margin-bottom:1rem;display:block}.principle-card h4{font-size:1.25rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.principle-description{font-size:.9375rem;line-height:1.6;color:var(--site-text-light);margin-bottom:1.25rem}.principle-details h5{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--site-primary);margin:0 0 .75rem}.principle-details ul{list-style:none;padding:0;margin:0}.principle-details li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.875rem;line-height:1.6;color:var(--site-text)}.principle-details li:before{content:"▸";position:absolute;left:0;color:var(--site-primary);font-size:1rem}.methodology-section{margin-bottom:4rem}.methodology-section h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin-bottom:2rem}.methodology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.methodology-item{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:1.75rem}.methodology-item h4{font-size:1.125rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.methodology-item p{font-size:.9375rem;line-height:1.6;color:var(--site-text-light);margin:0}.quality-assurance{margin-bottom:4rem}.quality-assurance h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin-bottom:2rem}.qa-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.qa-level{background:var(--site-surface);border-left:3px solid var(--site-primary);border-radius:8px;padding:1.5rem}.qa-level h4{font-size:1rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.qa-level p{font-size:.875rem;line-height:1.6;color:var(--site-text-light);margin:0}.performance-philosophy{margin-bottom:4rem}.performance-philosophy h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin-bottom:1rem}.performance-philosophy>p{font-size:1rem;line-height:1.6;color:var(--site-text-light);margin-bottom:2rem}.performance-targets{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:2rem}.target-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--site-border)}.target-item:last-child{border-bottom:none}.target-item strong{font-size:.9375rem;font-weight:600;color:var(--site-text)}.target-item span{font-size:.875rem;color:var(--site-primary);font-weight:500}.documentation-philosophy{margin-bottom:4rem}.documentation-philosophy h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin-bottom:1rem}.documentation-philosophy>p{font-size:1rem;line-height:1.6;color:var(--site-text-light);margin-bottom:2rem}.documentation-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.doc-type{background:var(--site-surface);border:1px solid var(--site-border);border-radius:12px;padding:1.75rem}.doc-type h4{font-size:1.125rem;font-weight:600;color:var(--site-text);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--site-primary)}.doc-type ul{list-style:none;padding:0;margin:0}.doc-type li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.875rem;line-height:1.6;color:var(--site-text-light)}.doc-type li:before{content:"•";position:absolute;left:0;color:var(--site-primary);font-weight:700}.dependencies-scope-section{margin-bottom:4rem}.dependencies-scope-section h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin-bottom:1rem}.dependencies-scope-section>p{font-size:1rem;line-height:1.6;color:var(--site-text-light);margin-bottom:2rem}.scope-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.scope-card{background:var(--site-surface);border-radius:12px;padding:2rem;border:2px solid}.scope-card.out-of-scope{border-color:#e53e3e;background:#fff5f5}.scope-card.dependencies{border-color:#d69e2e;background:#fffaf0}.scope-card h4{font-size:1.25rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:2px solid}.scope-card.out-of-scope h4{color:#c53030;border-bottom-color:#e53e3e}.scope-card.dependencies h4{color:#b7791f;border-bottom-color:#d69e2e}.scope-card ul{list-style:none;padding:0;margin:0}.scope-card li{padding:.625rem 0 .625rem 1.75rem;position:relative;font-size:.875rem;line-height:1.6;color:var(--site-text);word-wrap:break-word;overflow-wrap:break-word}.scope-card.out-of-scope li:before{content:"✗";position:absolute;left:0;color:#e53e3e;font-weight:700;font-size:1rem}.scope-card.dependencies li:before{content:"⚠";position:absolute;left:0;color:#d69e2e;font-size:1rem}.commitment-statement{background:linear-gradient(135deg,var(--site-primary-light),var(--site-secondary-light));border-radius:12px;padding:2.5rem;margin-top:3rem}.commitment-statement h3{font-size:1.5rem;font-weight:700;color:var(--site-text);margin:0 0 1.25rem}.commitment-statement p{font-size:1rem;line-height:1.7;color:var(--site-text);margin-bottom:1rem}.commitment-statement p:last-child{margin-bottom:0}@media(max-width:1024px){.principles-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.methodology-grid,.qa-levels,.documentation-types{grid-template-columns:1fr}}@media(max-width:768px){.principle-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:2rem}.principle-header h3,.methodology-section h3,.quality-assurance h3,.performance-philosophy h3,.documentation-philosophy h3,.dependencies-scope-section h3{font-size:1.5rem}.principles-grid,.scope-grid{grid-template-columns:1fr;gap:1.5rem}.principle-card,.methodology-item,.doc-type,.scope-card{padding:1.5rem}.qa-level{padding:1.25rem}.performance-targets,.commitment-statement{padding:1.5rem}.target-item{flex-direction:column;align-items:flex-start;gap:.5rem}.commitment-statement h3{font-size:1.25rem}.commitment-statement p{font-size:.9375rem}}.hipaa-section{margin-bottom:4rem}.section-header-inline{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.section-header-inline .section-icon{color:var(--site-primary);flex-shrink:0;margin-top:.25rem}.section-header-inline h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin:0 0 .5rem}.lead-text{font-size:1rem;line-height:1.7;color:var(--site-text-light);margin:0}.hipaa-overview{background:var(--site-surface-alt);border-left:4px solid var(--site-primary);border-radius:8px;padding:1.75rem;margin-bottom:2.5rem}.hipaa-overview h4{font-size:1.125rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.hipaa-overview p{font-size:.9375rem;line-height:1.6;color:var(--site-text);margin:0}.compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.compliance-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;transition:all .3s ease;position:relative;overflow:hidden}.compliance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--site-primary),var(--site-secondary));opacity:.8}.compliance-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008}.compliance-card h4{font-size:1.25rem;font-weight:600;color:var(--site-text);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.4);position:relative}.compliance-card ul{list-style:none;padding:0;margin:0}.compliance-card li{padding:.875rem 0 .875rem 2rem;position:relative;font-size:.875rem;line-height:1.7;color:var(--site-text-light);border-radius:8px;transition:background-color .2s ease}.compliance-card li:hover{background-color:#2c7a7b08}.compliance-card li:before{content:"✓";position:absolute;left:.5rem;top:.875rem;color:var(--site-primary);font-weight:600;font-size:.875rem;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;background:#2c7a7b1a;border-radius:50%}.compliance-card strong{color:var(--site-text);font-weight:600}.audit-logging-section{margin-bottom:4rem}.audit-logging-section .section-intro{font-size:1rem;line-height:1.7;color:var(--site-text-light);margin-bottom:2.5rem}.audit-details h4{font-size:1.5rem;font-weight:700;color:var(--site-text);margin:0 0 2rem}.audit-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.audit-category{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;transition:all .3s ease;position:relative;overflow:hidden}.audit-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--site-primary),var(--site-secondary));opacity:.7}.audit-category:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008}.audit-category h5{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--site-text);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(226,232,240,.4)}.audit-category h5 svg{flex-shrink:0;color:var(--site-primary);background:#2c7a7b1a;padding:.5rem;border-radius:10px}.audit-category>p{font-size:.9375rem;font-weight:500;color:var(--site-text);margin:0 0 1rem}.audit-category ul{list-style:none;padding:0;margin:0}.audit-category li{padding:.75rem 0 .75rem 1.75rem;position:relative;font-size:.875rem;line-height:1.7;color:var(--site-text-light);border-radius:6px;transition:background-color .2s ease}.audit-category li:hover{background-color:#2c7a7b08}.audit-category li:before{content:"";position:absolute;left:.5rem;top:.875rem;width:.375rem;height:.375rem;background:var(--site-primary);border-radius:50%;box-shadow:0 0 0 3px #2c7a7b26}.audit-implementation{margin-bottom:3rem}.audit-implementation h4{font-size:1.5rem;font-weight:700;color:var(--site-text);margin:0 0 2rem}.implementation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.implementation-item{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-left:4px solid var(--site-primary);border-radius:12px;padding:1.75rem;box-shadow:0 3px 15px #00000008,0 1px 3px #00000005;transition:all .3s ease}.implementation-item:hover{transform:translateY(-1px);box-shadow:0 6px 25px #0000000d,0 2px 6px #00000008}.implementation-item h5{font-size:1rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.implementation-item p{font-size:.875rem;line-height:1.6;color:var(--site-text-light);margin:0}.audit-review h4{font-size:1.5rem;font-weight:700;color:var(--site-text);margin:0 0 1.5rem}.audit-review-list{list-style:none;padding:0;margin:0}.audit-review-list li{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-left:4px solid var(--site-primary);border-radius:12px;padding:1.5rem 1.75rem;margin-bottom:1rem;font-size:.875rem;line-height:1.7;color:var(--site-text-light);box-shadow:0 3px 15px #00000008,0 1px 3px #00000005;transition:all .3s ease}.audit-review-list li:hover{transform:translateY(-1px);box-shadow:0 6px 25px #0000000d,0 2px 6px #00000008}.audit-review-list li:last-child{margin-bottom:0}.audit-review-list strong{display:block;font-size:1rem;font-weight:600;color:var(--site-text);margin-bottom:.25rem}.encryption-section{margin-bottom:4rem}.encryption-details{display:flex;flex-direction:column;gap:2.5rem}.encryption-layer{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:2.25rem;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;transition:all .3s ease;position:relative;overflow:hidden}.encryption-layer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--site-primary),var(--site-secondary));opacity:.7}.encryption-layer:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008}.encryption-layer h4{font-size:1.25rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.encryption-layer>p{font-size:.9375rem;line-height:1.6;color:var(--site-text-light);margin:0 0 1.25rem}.encryption-layer ul{list-style:none;padding:0;margin:0}.encryption-layer li{padding:.625rem 0 .625rem 1.5rem;position:relative;font-size:.875rem;line-height:1.6;color:var(--site-text-light)}.encryption-layer li:before{content:"🔒";position:absolute;left:0;font-size:.875rem;opacity:.8}.encryption-layer strong{color:var(--site-text);font-weight:600}.access-control-section{margin-bottom:4rem}.access-controls{display:grid;gap:2.5rem}.access-control-item{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:2.25rem;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;transition:all .3s ease;position:relative;overflow:hidden}.access-control-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--site-primary),var(--site-secondary));opacity:.7}.access-control-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008}.access-control-item h4{font-size:1.25rem;font-weight:600;color:var(--site-text);margin:0 0 .75rem}.access-control-item>p{font-size:.9375rem;line-height:1.6;color:var(--site-text-light);margin:0 0 1.25rem}.access-control-item ul{list-style:none;padding:0;margin:0}.access-control-item li{padding:.625rem 0 .625rem 1.5rem;position:relative;font-size:.875rem;line-height:1.6;color:var(--site-text-light)}.access-control-item li:before{content:"▸";position:absolute;left:.25rem;color:var(--site-primary);font-size:.875rem;font-weight:600}.access-control-item strong{color:var(--site-text);font-weight:600}.third-party-compliance{margin-bottom:4rem}.third-party-compliance h3{font-size:1.75rem;font-weight:700;color:var(--site-text);margin:0 0 1rem}.third-party-compliance>p{font-size:1rem;line-height:1.6;color:var(--site-text-light);margin:0 0 2rem}.audit-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.checklist-category{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000000a,0 1px 3px #00000005;transition:all .3s ease;position:relative;overflow:hidden}.checklist-category:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--site-success),var(--site-primary));opacity:.7}.checklist-category:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f,0 2px 8px #00000008}.checklist-category h4{font-size:1.125rem;font-weight:600;color:var(--site-text);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--site-primary)}.checklist-category ul{list-style:none;padding:0;margin:0}.checklist-category li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.875rem;line-height:1.6;color:var(--site-text-light)}.checklist-category li{padding:.75rem 0 .75rem 2rem;position:relative;font-size:.875rem;line-height:1.7;color:var(--site-text-light);border-radius:8px;transition:background-color .2s ease}.checklist-category li:hover{background-color:#48bb7808}.checklist-category li:before{content:"✓";position:absolute;left:.5rem;top:.75rem;color:var(--site-success);font-weight:600;font-size:.875rem;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;background:#48bb781a;border-radius:50%}.audit-note{background:var(--site-surface-alt);border-left:4px solid var(--site-primary);border-radius:8px;padding:1.5rem;font-size:.9375rem;line-height:1.6;color:var(--site-text);margin:0}.audit-note strong{color:var(--site-primary);font-weight:600}.compliance-summary{background:linear-gradient(135deg,var(--site-primary-light),var(--site-secondary-light));border-radius:12px;padding:2.5rem}.compliance-summary h3{font-size:1.5rem;font-weight:700;color:var(--site-text);margin:0 0 1.25rem}.compliance-summary p{font-size:1rem;line-height:1.7;color:var(--site-text);margin-bottom:1rem}.compliance-summary p:last-child{margin-bottom:0}@media(max-width:1024px){.compliance-grid,.audit-categories,.implementation-grid,.audit-checklist{grid-template-columns:1fr}.section-header-inline{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.section-header-inline h3{font-size:1.5rem}.audit-details h4,.audit-implementation h4,.audit-review h4{font-size:1.25rem}.third-party-compliance h3{font-size:1.5rem}.compliance-summary h3{font-size:1.25rem}.compliance-card,.audit-category,.implementation-item,.encryption-layer,.access-control-item,.checklist-category,.hipaa-overview,.audit-note,.compliance-summary{padding:1.5rem}.encryption-details,.access-controls{gap:2rem}}.proposal-response{min-height:100vh;background:var(--site-background)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container{padding:0 1rem}}.section-icon{color:var(--site-primary);flex-shrink:0}.design-philosophy{margin-bottom:3rem}.philosophy-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.principle-card{background:var(--site-surface);padding:1.5rem;border-radius:12px;border-left:4px solid var(--site-primary);box-shadow:0 2px 8px #00000014}.principle-card h4{color:var(--site-primary);font-size:1.125rem;margin-bottom:.75rem}.principle-card p{color:var(--site-text-light);line-height:1.6;margin:0}.pain-points-section{margin-bottom:3rem}.journey-grid{display:grid;grid-template-columns:1fr;gap:2rem}.journey-step{background:linear-gradient(to right,var(--site-surface),var(--site-surface-alt));padding:2rem;border-radius:12px;border:1px solid var(--site-border);box-shadow:0 4px 12px #0000000d}.journey-header{display:flex;align-items:flex-start;gap:1.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--site-border);background:transparent}.journey-icon{flex-shrink:0;color:var(--site-primary)}.journey-header h4{font-size:1.25rem;color:var(--site-text);margin:0 0 .5rem}.journey-pain-point{margin:0;color:var(--site-text-light);font-size:.95rem}.journey-pain-point strong{color:var(--site-secondary)}.journey-solution{background:transparent}.journey-solution h5{font-size:1.1rem;color:var(--site-primary);margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media(max-width:768px){.journey-header{flex-direction:column;gap:1rem}.journey-step{padding:1.5rem}}.pain-point-deep-dive{background:var(--site-surface);padding:2rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:2rem}.pain-point-header{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--site-border)}.pain-icon{color:var(--site-secondary);flex-shrink:0}.pain-point-header h4{color:var(--site-text);font-size:1.5rem;margin-bottom:.5rem}.pain-description{color:var(--site-text-light);line-height:1.6;margin:0;font-size:1.05rem}.solution-view{background:linear-gradient(to right,#f8fbff,#fff);padding:2rem;border-radius:12px;margin-bottom:2rem;border:1px solid var(--site-border)}.view-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--site-primary-light)}.view-header svg{color:var(--site-primary)}.view-header h5{color:var(--site-text);font-size:1.25rem;margin:0}.feature-grid{display:grid;gap:1rem;margin-bottom:1.5rem}.feature-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--site-border);transition:all .2s ease}.feature-item:hover{box-shadow:0 4px 8px #0000001a;transform:translate(4px)}.feature-item>svg{color:var(--site-primary);flex-shrink:0;margin-top:.25rem}.feature-icon-success{color:var(--site-success);flex-shrink:0;margin-top:.25rem}.feature-icon-warning{color:#f59e0b;flex-shrink:0;margin-top:.25rem}.feature-item>div{flex:1;min-width:0}.feature-item h4{color:var(--site-text);font-size:1.125rem;font-weight:600;margin:0 0 .5rem;line-height:1.3}.feature-item strong{display:block;color:var(--site-text);font-size:1rem;margin-bottom:.25rem}.feature-item p{color:var(--site-text-light);font-size:.95rem;line-height:1.6;margin:0}.user-flow-preview{background:#fff;padding:1.5rem;border-radius:8px;border:2px dashed var(--site-primary-light);margin-top:1.5rem}.user-flow-preview h6{color:var(--site-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.flow-steps{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.flow-step{background:var(--site-primary-light);color:var(--site-primary-dark);padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;flex:1;min-width:140px;text-align:center}.flow-arrow{color:var(--site-primary);font-size:1.5rem;font-weight:700}.efficiency-metrics{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:2rem;border-radius:12px;margin-top:2rem;border:2px solid var(--site-secondary-light)}.efficiency-metrics h6{color:var(--site-secondary);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{background:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 2px 8px #00000014;border:1px solid var(--site-border)}.metric-total{background:linear-gradient(135deg,var(--site-success),#48bb78);color:#fff;border:none}.metric-value{font-size:1.75rem;font-weight:800;color:var(--site-secondary);margin-bottom:.5rem}.metric-total .metric-value,.metric-total .metric-label{color:#fff}.metric-label{font-size:.875rem;color:var(--site-text-light);font-weight:500}.metric-note{text-align:center;color:var(--site-text);font-size:1rem;padding-top:1rem;border-top:1px dashed var(--site-border)}.analytics-preview{background:#fff;padding:2rem;border-radius:12px;margin-top:2rem;border:2px solid var(--site-border)}.analytics-preview h6{color:var(--site-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.kpi-table{width:100%;border-collapse:collapse;font-size:.95rem}.kpi-table thead{background:var(--site-primary);color:#fff}.kpi-table th,.kpi-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--site-border)}.kpi-table th{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.kpi-table tbody tr:hover{background:var(--site-surface-alt)}.kpi-table td:nth-child(2){font-weight:600;color:var(--site-primary)}.analytics-visual-preview{margin-top:2rem}.analytics-visual-preview h6{color:var(--site-primary);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem}.dashboard-mockup{background:linear-gradient(to bottom,#f8fafc,#fff);padding:2rem;border-radius:12px;border:2px solid var(--site-border);box-shadow:0 4px 12px #00000014}.dashboard-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:10px;border-left:4px solid var(--site-border);box-shadow:0 2px 6px #0000000f}.stat-success{border-left-color:var(--site-success)}.stat-warning{border-left-color:#f59e0b}.stat-title{font-size:.875rem;color:var(--site-text-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:2rem;font-weight:800;color:var(--site-text);margin-bottom:.25rem}.stat-trend{font-size:.875rem;color:var(--site-success);font-weight:500}.stat-warning .stat-trend{color:#f59e0b}.dashboard-note{background:linear-gradient(to right,#fef3c7,#fde68a);padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;border-left:4px solid #f59e0b}.dashboard-note svg{color:#d97706;flex-shrink:0}.dashboard-note span{color:#78350f;font-size:.95rem;line-height:1.5}.design-process-section{margin-bottom:3rem}.process-timeline{position:relative;padding-left:2rem;margin-top:2rem}.process-timeline:before{content:"";position:absolute;left:1.25rem;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--site-primary),var(--site-secondary))}.process-step{position:relative;margin-bottom:2rem;padding-left:2rem}.step-number{position:absolute;left:0;top:0;width:2.5rem;height:2.5rem;background:var(--site-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;box-shadow:0 4px 8px #00000026;z-index:1}.step-content{background:var(--site-surface);padding:1.5rem;border-radius:10px;box-shadow:0 2px 8px #00000014;border:1px solid var(--site-border)}.step-content h5{color:var(--site-primary);font-size:1.125rem;margin-bottom:1rem}.step-content ul{margin:0;padding-left:1.5rem}.step-content li{color:var(--site-text-light);line-height:1.6;margin-bottom:.5rem}.accessibility-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:2rem;border-radius:12px;margin-bottom:3rem;border:2px solid var(--site-success)}.accessibility-section h3{color:var(--site-success);margin-bottom:1rem}.accessibility-section>p{color:var(--site-text);font-size:1.05rem;margin-bottom:1.5rem}.accessibility-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.deliverables-section{margin-bottom:3rem}.deliverables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}.deliverable-card{background:var(--site-surface);padding:1.5rem;border-radius:12px;text-align:center;border:2px solid var(--site-border);transition:all .3s ease}.deliverable-card:hover{border-color:var(--site-primary);box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.deliverable-card svg{color:var(--site-primary);margin-bottom:1rem}.deliverable-card h5{color:var(--site-text);font-size:1.125rem;margin-bottom:.75rem}.deliverable-card p{color:var(--site-text-light);font-size:.95rem;margin:0;line-height:1.5}@media(max-width:768px){.pain-point-header{flex-direction:column;gap:1rem}.solution-view{padding:1.5rem}.flow-steps{flex-direction:column}.flow-arrow{transform:rotate(90deg)}.metrics-grid,.dashboard-stat-row{grid-template-columns:1fr}.process-timeline{padding-left:1rem}.process-timeline:before{left:.75rem}.process-step{padding-left:1.5rem}.kpi-table{font-size:.85rem}.kpi-table th,.kpi-table td{padding:.75rem .5rem}}.proposal-header{background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));color:#fff;padding:3rem 0;box-shadow:0 4px 6px #0000001a}.header-top{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.proposal-title-section h1{font-size:2.5rem;margin-bottom:.5rem}.proposal-subtitle{font-size:1.25rem;opacity:.9}.proposal-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.meta-item strong{display:block;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;opacity:.8}.meta-item p{margin:.25rem 0}.proposal-layout{display:flex;min-height:calc(100vh - 200px)}.proposal-sidebar{width:300px;background:var(--site-surface);border-right:1px solid var(--site-border);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-content{padding:2rem 0}.sidebar-content>h3{padding:0 1.5rem;margin-bottom:1.5rem;color:var(--site-text);font-size:1.125rem}.nav-category{margin-bottom:2rem}.nav-category h4{padding:.5rem 1.5rem;margin-bottom:.5rem;color:var(--site-text-light);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:none;border:none;border-left:3px solid transparent;color:var(--site-text);cursor:pointer;transition:all .2s ease;text-align:left;font-size:.9375rem}.nav-item:hover{background:var(--site-surface-alt);border-left-color:var(--site-primary)}.nav-item.active{background:var(--site-surface-alt);border-left-color:var(--site-primary);color:var(--site-primary);font-weight:600}.nav-item svg{flex-shrink:0}.proposal-content{flex:1;padding:2rem;overflow-y:auto}.content-section{max-width:900px;margin:0 auto}.content-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--site-text)}.section-intro{font-size:1.125rem;color:var(--site-text-light);margin-bottom:2rem;line-height:1.6}.section-placeholder{background:var(--site-surface);border:2px dashed var(--site-border);border-radius:12px;padding:3rem;text-align:center}.section-placeholder svg{color:var(--site-primary);opacity:.5;margin-bottom:1rem}.section-placeholder h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--site-text)}.section-placeholder>p{color:var(--site-text-light);font-size:1.125rem;margin-bottom:2rem}.placeholder-note{background:var(--site-background);border-radius:8px;padding:1.5rem;text-align:left;max-width:600px;margin:0 auto}.placeholder-note strong{display:block;color:var(--site-primary);margin-bottom:1rem;font-size:1.125rem}.placeholder-note ul{list-style-type:none;padding:0}.placeholder-note li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--site-text)}.placeholder-note li:before{content:"▹";position:absolute;left:0;color:var(--site-primary);font-size:1.25rem}.prototype-cta{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--site-primary-light),var(--site-secondary-light));border-radius:12px;margin-bottom:3rem}.demo-note{margin-top:1rem;color:var(--site-text-light);font-size:.9375rem}.prototype-features{margin-top:3rem}.prototype-features h3{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--site-text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-card{background:var(--site-surface);padding:2rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 4px 6px #00000026}.feature-card svg{color:var(--site-primary);margin-bottom:1rem}.feature-card h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--site-text)}.feature-card p{color:var(--site-text-light);font-size:.9375rem}@media(max-width:1024px){.proposal-layout{flex-direction:column}.proposal-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--site-border)}.sidebar-content{padding:1.5rem 0}.nav-category{margin-bottom:1rem}.proposal-content{padding:1.5rem}.proposal-meta{grid-template-columns:1fr;gap:1.5rem}.proposal-title-section h1{font-size:2rem}.features-grid{grid-template-columns:1fr}}@media(max-width:768px){.proposal-header{padding:2rem 0}.proposal-title-section h1{font-size:1.75rem}.proposal-subtitle{font-size:1rem}.content-section h2{font-size:1.5rem}.section-placeholder,.prototype-cta{padding:2rem 1rem}}.section-intro{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;color:var(--site-text-light)}.lead-text{font-size:1.125rem;line-height:1.7;color:var(--site-text-light);margin-bottom:2rem}.executive-highlights{margin:3rem 0}.executive-highlights h3{font-size:1.75rem;margin-bottom:1.5rem;color:var(--site-text)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature-item{background:var(--site-surface);padding:2rem;border-radius:12px;border:1px solid var(--site-border)}.feature-icon{color:var(--site-primary);margin-bottom:1rem}.feature-item h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--site-text)}.feature-item p{color:var(--site-text-light);line-height:1.6}.timeline-budget-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.summary-box{background:linear-gradient(135deg,var(--site-primary),var(--site-secondary));color:#fff;padding:2rem;border-radius:12px;text-align:center}.summary-box h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:1rem}.summary-box p{font-size:1.25rem;margin:0}.philosophy-quote{font-size:1.5rem;font-style:italic;text-align:center;color:var(--site-text);margin:2rem 0;padding:2rem;background:var(--site-surface);border-left:4px solid var(--site-primary);border-radius:8px}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.philosophy-card{background:var(--site-surface);padding:2rem;border-radius:12px;border:1px solid var(--site-border)}.philosophy-card h4{font-size:1.25rem;margin-bottom:1rem;color:var(--site-text)}.philosophy-card p{color:var(--site-text-light);line-height:1.6}.section-header-inline{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-header-inline h3{font-size:1.75rem;color:var(--site-text);margin:0}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.tech-category{background:var(--site-surface);padding:2rem;border-radius:12px;border:1px solid var(--site-border)}.category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.category-header svg{color:var(--site-primary);flex-shrink:0}.tech-category h4{font-size:1.125rem;margin:0;color:var(--site-text)}.tech-list{list-style:none;padding:0}.tech-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--site-text-light);line-height:1.6}.tech-list li:before{content:"▸";position:absolute;left:0;color:var(--site-primary);font-size:1.125rem}.platform-recommendation{background:var(--site-primary-light);padding:2rem;border-radius:12px;margin-top:2rem;border:2px solid var(--site-primary)}.platform-recommendation h4{color:var(--site-primary);margin-bottom:1rem;font-size:1.25rem}.platform-recommendation p{color:var(--site-text);line-height:1.7;margin:0}.architecture-diagram{background:var(--site-surface);padding:2rem;border-radius:12px;margin:2rem 0;border:1px solid var(--site-border)}.arch-layer{margin-bottom:1.5rem}.arch-layer h4{text-align:center;font-size:1.125rem;margin-bottom:1rem;color:var(--site-text)}.arch-boxes{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.arch-box{padding:1rem 1.5rem;background:var(--site-background);border:2px solid var(--site-border);border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--site-text)}.arch-arrow{text-align:center;font-size:1.5rem;font-weight:700;color:var(--site-primary);margin:.75rem 0}.architecture-features{margin-top:2rem}.architecture-features h4{font-size:1.25rem;margin-bottom:1rem;color:var(--site-text)}.architecture-features ul{list-style:none;padding:0}.architecture-features li{padding:.75rem 0;line-height:1.6;color:var(--site-text)}.architecture-features strong{color:var(--site-primary)}.compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.compliance-card{background:var(--site-surface);padding:2rem;border-radius:12px;border:1px solid var(--site-border)}.compliance-card h4{font-size:1.125rem;margin-bottom:1rem;color:var(--site-text)}.compliance-card ul{list-style:none;padding:0}.compliance-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--site-text-light);line-height:1.6}.compliance-card li:before{content:"✓";position:absolute;left:0;color:var(--site-primary);font-weight:700}.timeline{position:relative;padding:2rem 0}.timeline-item{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--site-border)}.timeline-item:last-child{border-bottom:none}.timeline-marker{width:48px;height:48px;background:var(--site-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.timeline-content h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--site-text)}.timeline-content p{color:var(--site-text-light);line-height:1.6;margin:0}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.role-card{background:var(--site-surface);padding:2rem;border-radius:12px;border:1px solid var(--site-border)}.role-card h4{font-size:1.25rem;margin-bottom:1.5rem;color:var(--site-text);border-bottom:2px solid var(--site-primary);padding-bottom:.75rem}.role-card ul{list-style:none;padding:0}.role-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--site-text-light);line-height:1.6}.role-card li:before{content:"→";position:absolute;left:0;color:var(--site-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.feature-card-small{text-align:center;padding:1.5rem;background:var(--site-surface);border-radius:12px;border:1px solid var(--site-border)}.feature-card-small h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--site-text)}.feature-card-small p{color:var(--site-text-light);font-size:.9375rem;margin:0}.architecture-monospace{font-family:Source Code Pro,monospace;font-size:.8rem;letter-spacing:-.03em;line-height:1.25}.architecture-monospace h3,.architecture-monospace h4,.architecture-monospace h5,.architecture-monospace h6{font-family:Source Code Pro,monospace;letter-spacing:-.02em;font-weight:600}.aws-architecture-diagram{background:#fafafa;padding:1.5rem;border-radius:4px;margin:1.5rem 0;border:1px solid #ddd}.aws-region{background:transparent;border:1px solid #999;border-radius:4px;padding:1rem;margin-bottom:1rem}.aws-region>h4{color:#333;font-size:.95rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #ccc;text-align:left}.vpc-container{background:transparent;border:1px solid #aaa;border-radius:4px;padding:1rem}.vpc-container>h5{color:#333;font-size:.9rem;font-weight:700;margin:0 0 .75rem;padding:.4rem .6rem;background:#f5f5f5;border-radius:3px;border-left:3px solid #666;text-align:left}.availability-zones{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.az-column{background:transparent;border:1px dashed #bbb;border-radius:4px;padding:.75rem}.az-header{background:#eee;color:#333;padding:.4rem .6rem;border-radius:3px;text-align:left;font-weight:700;font-size:.85rem;margin-bottom:.75rem;border-left:3px solid #666}.subnet{background:transparent;border-radius:4px;padding:.75rem;margin-bottom:.75rem;border:1px solid}.subnet h6{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:0 0 .5rem;padding:.3rem .5rem;border-radius:3px;text-align:left}.public-subnet{background:transparent;border-color:#999}.public-subnet h6{background:#eee;color:#333}.private-subnet{background:transparent;border-color:#999}.private-subnet h6{background:#eee;color:#333}.database-subnet{background:transparent;border-color:#999}.database-subnet h6{background:#eee;color:#333}.aws-component{background:transparent;border:1px solid #ccc;border-left:2px solid #666;border-radius:3px;padding:.5rem;margin-bottom:.5rem;transition:none}.aws-component:hover{transform:none;box-shadow:none;border-left-color:#333}.aws-component:last-child{margin-bottom:0}.component-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.component-icon{color:#666;flex-shrink:0}.aws-component strong{display:block;color:#333;font-size:.85rem;font-weight:700;margin:0}.aws-component span{display:block;color:#666;font-size:.75rem;padding-left:.4rem;line-height:1.4;position:relative}.aws-component span:before{content:"▸";position:absolute;left:-.2rem;color:#666;font-size:.7rem}.shared-services{background:transparent;border:1px solid #aaa;border-radius:4px;padding:1rem;margin-top:1rem}.shared-services h6{color:#333;font-size:.9rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #ccc;text-align:left}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.aws-service{background:transparent;border:1px solid #ccc;border-radius:3px;padding:.5rem;text-align:left;transition:none}.aws-service:hover{transform:none;box-shadow:none;border-color:#999}.service-icon{color:#666;margin:0 0 .4rem;display:block}.aws-service strong{display:block;color:#333;font-size:.8rem;font-weight:700;margin-bottom:.3rem}.aws-service span{display:block;color:#666;font-size:.7rem;line-height:1.4;margin-bottom:.2rem}.traffic-flow{background:transparent;border:1px solid #ccc;border-radius:4px;padding:1rem;margin-top:1rem}.traffic-flow h5{color:#333;font-size:.9rem;font-weight:700;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid #ccc;text-align:left}.flow-diagram{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;padding:.5rem}.flow-step{background:transparent;border:1px solid #ccc;border-radius:3px;padding:.5rem .75rem;min-width:120px;text-align:left;transition:none}.flow-step:hover{transform:none;box-shadow:none;border-color:#999}.flow-step strong{display:block;color:#333;font-size:.8rem;font-weight:700;margin-bottom:.3rem}.flow-step p{color:#666;font-size:.75rem;margin:0;line-height:1.4}.flow-arrow{color:#666;font-size:1rem;font-weight:400;padding:0 .3rem}.architecture-features .feature-grid{margin-top:2rem}.compliance-architecture{background:transparent;border-radius:4px;padding:1rem;margin-top:1rem;border:1px solid #ccc}.compliance-architecture h4{color:#333;font-size:.95rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}.compliance-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.75rem}.control-category{background:transparent;border:1px solid #ddd;border-radius:3px;padding:.75rem}.control-category h5{color:#333;font-size:.85rem;font-weight:700;margin:0 0 .5rem;padding-bottom:.3rem;border-bottom:1px solid #ddd}.control-category ul{list-style:none;padding:0;margin:0}.control-category li{padding:.25rem 0 .25rem 1rem;position:relative;color:#666;line-height:1.4;font-size:.75rem}.control-category li:before{content:"•";position:absolute;left:0;color:#666;font-weight:400;font-size:.85rem}.deployment-notes{background:transparent;border-radius:4px;padding:1rem;margin-top:1rem;border:1px solid #ccc}.deployment-notes h4{color:#333;font-size:.95rem;margin-bottom:.75rem}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:.75rem}.comparison-item{background:transparent;border:1px solid #ddd;border-radius:3px;padding:.75rem}.comparison-item.advantage{border-left:2px solid #666}.comparison-item h5{color:#333;font-size:.85rem;font-weight:700;margin:0 0 .4rem}.comparison-item p{color:#666;line-height:1.4;margin:0;font-size:.75rem}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.75rem}.recommendation-item{background:transparent;border:1px solid #ddd;border-left:2px solid #666;border-radius:3px;padding:.75rem}.recommendation-item h5{color:#333;font-size:.85rem;font-weight:700;margin:0 0 .4rem}.recommendation-item p{color:#666;line-height:1.4;margin:0;font-size:.75rem}.deployment-approach{background:var(--site-surface);border-radius:12px;padding:2rem;margin-top:2rem;border:1px solid var(--site-border)}.deployment-approach h4{color:var(--site-text);font-size:1.25rem;margin-bottom:1rem}.deployment-approach p{color:var(--site-text-light);line-height:1.6;margin-bottom:1rem}.deployment-benefits{list-style:none;padding:0;margin:1rem 0 0}.deployment-benefits li{padding:.75rem 0 .75rem 2rem;position:relative;color:var(--site-text);line-height:1.6;border-left:3px solid var(--site-primary);margin-bottom:.5rem;background:#fff;border-radius:0 8px 8px 0}.deployment-benefits li:before{content:"✓";position:absolute;left:.5rem;color:var(--site-success);font-weight:700;font-size:1.125rem}.deployment-benefits strong{color:var(--site-primary)}@media(max-width:768px){.feature-grid,.timeline-budget-summary,.philosophy-grid,.tech-stack-grid,.compliance-grid,.roles-grid,.features-grid{grid-template-columns:1fr}.arch-boxes{flex-direction:column}.timeline-item{flex-direction:column;gap:1rem}.section-header-inline{flex-direction:column;align-items:flex-start}.availability-zones{grid-template-columns:1fr;gap:1.5rem}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg);padding:.5rem 0}.service-grid{grid-template-columns:1fr}}.demo-config{min-height:100vh;background:var(--seasalt)}.demo-config-header{background:linear-gradient(135deg,var(--outer-space) 0%,var(--eerie-black) 100%);color:#fff;padding:60px 0 80px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:500;margin-bottom:24px;padding:8px 16px;border-radius:6px;transition:background .2s}.back-link:hover{background:#ffffff1a}.demo-config-header h1{font-size:3rem;margin-bottom:16px;font-weight:400}.demo-config-description{font-size:1.125rem;opacity:.95;max-width:700px;line-height:1.7}.demo-config-content{padding:60px 0}.config-section{background:#fff;padding:48px;border-radius:16px;margin-bottom:40px;box-shadow:0 2px 12px #0000000f}.config-section-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:40px}.config-section-header .section-icon{width:40px;height:40px;color:var(--onyx);flex-shrink:0}.config-section-header h2{font-size:2rem;color:var(--eerie-black);margin-bottom:8px}.config-section-header p{color:var(--slate-gray);font-size:1rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.theme-card{border:3px solid var(--antiflash-white);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;background:#fff}.theme-card:hover{border-color:var(--onyx);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.theme-card.selected{border-color:var(--onyx);box-shadow:0 0 0 4px #343a401a}.theme-preview{display:flex;height:80px}.theme-color-bar{flex:1}.theme-info{padding:20px}.theme-info h3{font-size:1.25rem;color:var(--eerie-black);margin-bottom:8px}.theme-info p{color:var(--slate-gray);font-size:.875rem;line-height:1.5}.theme-selected-badge{position:absolute;top:16px;right:16px;background:var(--slate-gray);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.role-selection-card{border:3px solid var(--antiflash-white);border-radius:16px;padding:32px;cursor:pointer;transition:all .2s ease;position:relative;background:#fff;text-align:center}.role-selection-card:hover{border-color:var(--onyx);transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.role-selection-card.selected{border-color:var(--onyx);box-shadow:0 0 0 4px #343a401a}.role-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,var(--outer-space) 0%,var(--eerie-black) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.role-icon{color:#fff}.role-selection-card h3{font-size:1.5rem;color:var(--eerie-black);margin-bottom:12px}.role-description{color:var(--slate-gray);line-height:1.6;margin-bottom:24px}.role-features{text-align:left;background:var(--seasalt);padding:20px;border-radius:8px}.role-features h4{font-size:.875rem;color:var(--eerie-black);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.role-features ul{list-style:none;padding:0}.role-features li{padding:6px 0 6px 20px;position:relative;color:var(--outer-space);font-size:.875rem}.role-features li:before{content:"✓";position:absolute;left:0;color:var(--slate-gray);font-weight:700}.role-selected-badge{position:absolute;top:20px;right:20px;background:var(--slate-gray);color:#fff;padding:8px 16px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.demo-launch-section{background:linear-gradient(135deg,var(--outer-space) 0%,var(--eerie-black) 100%);padding:48px;border-radius:16px;text-align:center;color:#fff}.demo-launch-summary{display:flex;justify-content:center;gap:48px;margin-bottom:32px;flex-wrap:wrap}.demo-launch-summary p{font-size:1.125rem;opacity:.95}.demo-launch-summary strong{display:block;margin-bottom:4px;font-weight:600}.btn-launch{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:#fff;color:var(--eerie-black);border:none;border-radius:12px;font-size:1.25rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-launch:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0003}.demo-note{margin-top:20px;font-size:.875rem;opacity:.8;font-style:italic}@media(max-width:768px){.demo-config-header h1{font-size:2rem}.config-section{padding:32px 20px}.config-section-header{flex-direction:column;align-items:center;text-align:center}.theme-grid,.role-grid{grid-template-columns:1fr}.demo-launch-summary{flex-direction:column;gap:16px}.demo-launch-section{padding:32px 20px}.btn-launch{width:100%;max-width:400px;justify-content:center}}.device-preview-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0}.device-frame{position:relative;background:#1a1a1a;border-radius:36px;padding:12px;box-shadow:0 20px 60px #0000004d;transition:all .3s ease}.device-frame.mobile{width:375px;height:667px;border-radius:36px}.mobile-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:30px;background:#1a1a1a;border-bottom-left-radius:20px;border-bottom-right-radius:20px;z-index:10}.mobile-home-button{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:140px;height:5px;background:#444;border-radius:3px}.device-frame.tablet{width:600px;height:800px;border-radius:24px}.device-frame.desktop{width:900px;height:600px;border-radius:12px;padding:0;background:#2a2a2a}.device-screen{width:100%;height:100%;background:#f8f9fa;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.device-frame.desktop .device-screen{border-radius:12px}.device-frame.mobile .device-screen{border-radius:28px}.browser-bar{background:#e8e8e8;height:40px;display:flex;align-items:center;padding:0 1rem;gap:1rem;border-bottom:1px solid #d0d0d0}.browser-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.browser-address{flex:1;background:#fff;height:28px;border-radius:6px;display:flex;align-items:center;padding:0 12px;font-size:.75rem;color:#666}.app-preview-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.preview-header{background:linear-gradient(135deg,#4a90e2,#357abd);padding:1rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.preview-logo{font-weight:700;font-size:1.25rem;letter-spacing:1px}.preview-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff4d}.preview-main{flex:1;padding:1.5rem 1rem;overflow-y:auto}.preview-title{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.preview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.preview-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;gap:.75rem;box-shadow:0 2px 4px #0000000d}.card-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex-shrink:0}.card-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.card-title{font-size:.875rem;font-weight:600;color:#333}.card-placeholder{height:8px;background:#e0e0e0;border-radius:4px;width:100%}.card-placeholder.short{width:60%}.device-label{font-size:.9375rem;color:var(--text-muted);font-weight:500;text-align:center}.device-screen.ocean{background:#f0f7fb}.device-screen.ocean .preview-header{background:linear-gradient(135deg,#0077b5,#005582)}.device-screen.forest{background:#f5f8f5}.device-screen.forest .preview-header{background:linear-gradient(135deg,#2e7d32,#1b5e20)}.device-screen.sunset{background:#fff8f5}.device-screen.sunset .preview-header{background:linear-gradient(135deg,#f4511e,#d84315)}.device-screen.lavender{background:#f9f7fc}.device-screen.lavender .preview-header{background:linear-gradient(135deg,#7b1fa2,#6a1b9a)}.device-screen.slate{background:#f8f9fa}.device-screen.slate .preview-header{background:linear-gradient(135deg,#546e7a,#455a64)}@media(max-width:1024px){.device-frame.desktop{width:700px;height:467px}.device-frame.tablet{width:500px;height:667px}}@media(max-width:768px){.device-frame.desktop,.device-frame.tablet{width:100%;max-width:500px;height:auto;aspect-ratio:4 / 3}.device-frame.mobile{width:100%;max-width:375px;height:auto;aspect-ratio:9 / 16}.preview-cards{grid-template-columns:1fr}.browser-bar{height:32px}.browser-address{font-size:.625rem}.preview-title{font-size:1.25rem}.preview-main{padding:1rem .75rem}}.demo-config-horizontal{min-height:100vh;background:var(--color-background)}.demo-header{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;padding:1.5rem 0}.header-top{margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.home-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;background:#ffffff1a;transition:all .3s ease;font-size:.95rem}.home-link:hover{background:#fff3;transform:translate(-4px)}.header-logo{display:flex;align-items:center}.header-logo img{max-width:120px;height:auto;border-radius:6px;box-shadow:0 2px 8px #00000026}.demo-title-section{text-align:left}.demo-title-section h1{font-size:2rem;margin-bottom:.375rem;font-weight:700}.demo-subtitle{font-size:1.125rem;opacity:.9;margin:0;font-weight:400}.accordion-content{padding:2rem 0 3rem;max-height:calc(100vh - 300px)}.accordion-wrapper{max-width:1200px;margin:0 auto}.accordion-panels{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.accordion-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;transition:all .3s ease;overflow:hidden}.accordion-panel.active{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.accordion-panel.collapsed{border-color:var(--color-border)}.accordion-panel.disabled{opacity:.5;pointer-events:none}.accordion-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;cursor:pointer;transition:all .2s ease;background:var(--color-surface)}.accordion-panel.collapsed .accordion-panel-header:hover{background:var(--color-background)}.accordion-panel.active .accordion-panel-header{background:linear-gradient(135deg,var(--color-primaryLight),var(--color-background));pointer-events:none}.panel-header-left{display:flex;align-items:center;gap:1rem}.panel-step-number{width:40px;height:40px;border-radius:50%;background:var(--color-background);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:var(--color-textLight);flex-shrink:0;transition:all .3s ease}.accordion-panel.active .panel-step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.panel-title-group{display:flex;align-items:center;gap:.75rem}.panel-title-group svg{color:var(--color-primary);flex-shrink:0}.panel-title-group h3{font-size:1.25rem;margin:0;color:var(--color-text);font-weight:600}.panel-selection-preview{display:flex;align-items:center;gap:.5rem;color:var(--color-textLight);font-size:.9375rem}.preview-label{font-weight:500}.accordion-panel-content{padding:0 1.5rem 1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.panel-description{color:var(--color-textLight);font-size:1rem;margin-bottom:1.5rem;text-align:center}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.theme-option{background:var(--color-background);border:2px solid var(--color-border);border-radius:10px;padding:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:.875rem}.theme-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 6px #0000001f}.theme-option.selected{border-color:var(--color-primary);background:var(--color-primaryLight);box-shadow:0 4px 6px #0000001f}.theme-preview-horizontal{display:flex;height:50px;border-radius:6px;overflow:hidden}.color-strip{flex:1}.theme-details h4{font-size:1.125rem;margin:0 0 .375rem;color:var(--color-text)}.theme-details p{color:var(--color-textLight);font-size:.875rem;margin:0;line-height:1.4}.selected-indicator{position:absolute;top:.875rem;right:.875rem;width:28px;height:28px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1rem}.role-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.role-option{background:var(--color-background);border:2px solid var(--color-border);border-radius:10px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;gap:.875rem;text-align:center}.role-option:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 6px #0000001f}.role-option.selected{border-color:var(--color-primary);background:var(--color-primaryLight);box-shadow:0 4px 6px #0000001f}.role-icon-container{width:56px;height:56px;background:var(--color-primaryLight);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:var(--color-primary)}.role-option h4{font-size:1.125rem;color:var(--color-text);margin:0}.role-desc{color:var(--color-textLight);font-size:.875rem;line-height:1.5;margin:0}.role-features-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}.feature-badge{background:var(--color-background);border:1px solid var(--color-border);padding:.25rem .625rem;border-radius:12px;font-size:.75rem;color:var(--color-text)}.selected-checkmark{position:absolute;top:.875rem;right:.875rem;width:28px;height:28px;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;font-weight:700}.preview-section-compact{display:flex;flex-direction:column;gap:1.5rem}.selection-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.summary-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1rem;display:flex;align-items:center;gap:.875rem}.summary-card svg{color:var(--color-primary);flex-shrink:0}.summary-card strong{display:block;color:var(--color-textLight);font-size:.8125rem;margin-bottom:.25rem}.summary-card p{color:var(--color-text);font-size:1rem;font-weight:600;margin:0}.device-preview-compact{display:flex;flex-direction:column;gap:1rem}.device-selector{display:flex;gap:.75rem;justify-content:center}.device-btn{background:var(--color-background);border:2px solid var(--color-border);padding:.625rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;color:var(--color-text)}.device-btn:hover{border-color:var(--color-primary);background:var(--color-surfaceAlt)}.device-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.device-preview-wrapper{max-height:400px;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--color-background);border-radius:8px;padding:1rem}.launch-note{background:var(--color-surfaceAlt);border:1px solid var(--color-warning);border-radius:6px;padding:.875rem;text-align:center}.launch-note p{margin:0;color:var(--color-text);font-size:.875rem;line-height:1.5}.launch-note strong{color:var(--color-warning)}.accordion-navigation{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px}.step-indicator{font-size:.9375rem;color:var(--color-textLight);font-weight:600}.accordion-navigation .btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem}.accordion-navigation .btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:1024px){.theme-options,.role-options{grid-template-columns:1fr}.accordion-content{max-height:none}.steps-wrapper{gap:.5rem}.step-connector{width:40px}.step-label{font-size:.75rem}.selection-summary{grid-template-columns:1fr}}@media(max-width:768px){.demo-header{padding:1.25rem 0}.header-logo img{max-width:80px}.demo-title-section h1{font-size:1.5rem}.demo-subtitle{font-size:1rem}.accordion-content{padding:1.5rem 0}.accordion-panel-header{padding:1rem}.panel-step-number{width:36px;height:36px;font-size:1rem}.panel-title-group h3{font-size:1.125rem}.panel-title-group svg{display:none}.accordion-panel-content{padding:0 1rem 1rem}.panel-description{font-size:.9375rem}.accordion-navigation{flex-direction:column;gap:1rem;padding:1.25rem}.accordion-navigation .btn{width:100%;justify-content:center}.device-selector{flex-direction:column}.device-btn{width:100%}.device-preview-wrapper{max-height:300px}.selection-summary,.theme-options,.role-options{grid-template-columns:1fr}}.intake-form-page{max-width:900px;margin:0 auto}.intake-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.one-time-badge{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #0000001a}.intake-progress-section{padding:20px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label{font-weight:600;font-size:.875rem}.progress-percentage{font-weight:700;font-size:1.25rem}.progress-bar-container{height:12px;border-radius:6px;overflow:hidden;margin-bottom:8px}.progress-bar-fill{height:100%;transition:width .3s ease;border-radius:6px}.progress-sections{font-size:.875rem;color:var(--color-textSecondary, #6c757d)}.intake-tabs{display:flex;overflow-x:auto;gap:4px;margin-bottom:32px;padding-bottom:2px}.intake-tab{display:flex;align-items:center;gap:12px;padding:14px 20px;border:none;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent;background:transparent;white-space:nowrap;flex-shrink:0}.intake-tab:hover{background:var(--color-surfaceAlt, #f8f9fa)}.intake-tab.active{border-bottom-width:3px;font-weight:600}.tab-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.tab-check{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.tab-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tab-title{font-weight:600;font-size:.9375rem}.tab-description{font-size:.75rem;color:var(--color-textSecondary, #6c757d)}.intake-content{background:var(--color-surface, white);padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:80px}.intake-section h3{font-size:1.5rem;margin-bottom:8px;color:var(--color-text, #1a202c)}.section-help{font-size:.9375rem;color:var(--color-textSecondary, #6c757d);margin-bottom:28px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-grid .full-width{grid-column:1 / -1}.form-stack{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:.9375rem;color:var(--color-text, #1a202c)}.form-group input,.form-group textarea,.form-group select{padding:12px;border:2px solid;border-radius:8px;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary, #2C7A7B)}.form-group textarea{resize:vertical;min-height:80px}.conditional-field{padding:16px;border-radius:8px;background:var(--color-surfaceAlt, #f8f9fa);margin-left:12px}.field-note{font-size:.8125rem;font-style:italic;margin-top:4px}.radio-group{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 16px;border-radius:8px;border:2px solid var(--color-border, #e9ecef);transition:all .2s;background:var(--color-surface, white)}.radio-option:hover{border-color:var(--color-primary, #2C7A7B);background:var(--color-surfaceAlt, #f8f9fa)}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary, #2C7A7B)}.radio-option span{font-weight:500}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.checkbox-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s}.checkbox-option:hover{background:var(--color-surfaceAlt, #f8f9fa)}.checkbox-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary, #2C7A7B)}.checkbox-option span{font-weight:500}.slider-group{margin-top:12px}.stress-slider{width:100%;height:8px;border-radius:4px;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:.875rem;color:var(--color-textSecondary, #6c757d)}.insurance-details{padding:20px;border-radius:8px;background:var(--color-surfaceAlt, #f8f9fa);margin-left:12px;display:flex;flex-direction:column;gap:20px}.info-box{padding:16px;border-radius:8px;font-size:.9375rem;margin-top:20px}.intake-actions{display:flex;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:2px solid var(--color-border, #e9ecef)}.action-spacer{flex:1}.save-indicator{display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500}.submit-btn{display:flex;align-items:center;gap:8px}.intake-success{background:var(--color-surface, white);padding:48px;border-radius:16px;text-align:center;box-shadow:0 4px 12px #0000001a;border:3px solid;max-width:600px;margin:40px auto}.success-icon{width:120px;height:120px;border-radius:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.intake-success h2{font-size:1.75rem;margin-bottom:16px}.intake-success p{font-size:1rem;color:var(--color-textSecondary, #6c757d);margin-bottom:32px;line-height:1.6}.success-details{display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--color-surfaceAlt, #f8f9fa);padding:20px;border-radius:8px;margin-bottom:32px}.detail-item{display:flex;gap:8px;font-size:.9375rem}.detail-item strong{min-width:160px;color:var(--color-text, #1a202c)}@media(max-width:768px){.intake-form-page{max-width:100%}.intake-header{flex-direction:column;align-items:flex-start}.one-time-badge{align-self:flex-end}.intake-content{padding:24px 16px}.form-grid{grid-template-columns:1fr}.intake-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.intake-tab{padding:12px 16px;min-width:150px}.tab-description{display:none}.radio-group{flex-direction:column;gap:8px}.radio-option{width:100%}.intake-actions{flex-direction:column;gap:12px}.action-spacer{display:none}.btn-secondary-themed,.btn-primary-themed{width:100%;justify-content:center}.save-indicator{order:-1;align-self:flex-start}.intake-success{padding:32px 20px;margin:20px auto}.success-icon{width:100px;height:100px}.intake-success h2{font-size:1.5rem}.detail-item{flex-direction:column;gap:4px}.detail-item strong{min-width:auto}}@media(max-width:480px){.intake-progress-section{padding:16px}.progress-percentage{font-size:1.125rem}.intake-tab{padding:10px 12px;min-width:120px}.tab-title{font-size:.875rem}.intake-section h3{font-size:1.25rem}.form-group label{font-size:.875rem}.form-group input,.form-group textarea,.form-group select{font-size:.9375rem;padding:10px}.checkbox-option,.radio-option{padding:10px 12px}}.demo-container{min-height:100vh;display:flex;flex-direction:column}.demo-navbar{position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1920px;margin:0 auto;gap:16px}.navbar-center{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.nav-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .2s;white-space:nowrap}.nav-back-button:hover{background:var(--color-surfaceAlt, #f8f9fa)}.demo-title{font-size:1.25rem;font-weight:600;margin:0}.user-badge{padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:500}.demo-layout{display:flex;flex:1;max-width:1920px;margin:0 auto;width:100%}.demo-sidebar{width:240px;padding:24px 0;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;transition:background .2s;font-weight:500}.nav-item:hover{background:var(--color-surfaceAlt, #f8f9fa)}.demo-content{flex:1;padding:24px 24px 80px;overflow-y:auto}.demo-page{max-width:1200px;margin:0 auto}.demo-page h1{font-size:2rem;margin-bottom:8px;color:var(--color-text, #1a202c)}.page-subtitle{font-size:1rem;color:var(--color-textSecondary, #6c757d);margin-bottom:24px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;box-shadow:0 -2px 8px #0000001a;padding:8px 0}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:8px;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s}.mobile-nav-item:active{transform:scale(.95)}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.quick-action-card{padding:20px;border-radius:12px;border:2px solid;text-align:center;transition:all .2s;background:var(--color-surface, white)}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.quick-action-card h3{margin:12px 0 4px;font-size:1rem;color:var(--color-text, #1a202c)}.quick-action-card p{font-size:.8125rem;color:var(--color-textSecondary, #6c757d);margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;margin-bottom:32px}.dashboard-card{background:var(--color-surface, white);padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--color-border, #e9ecef)}.dashboard-card h3{font-size:1.25rem;margin-bottom:20px;color:var(--color-text, #1a202c)}.mood-trend-preview{padding:16px 0}.trend-graph{margin-bottom:16px}.trend-bars{display:flex;align-items:flex-end;gap:12px;height:150px;padding:0 8px}.trend-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.trend-bar{width:100%;border-radius:4px 4px 0 0;transition:all .3s}.trend-label{margin-top:8px;font-size:.75rem;color:var(--color-textLight, #6c757d)}.trend-insight{text-align:center;font-weight:500;font-size:.875rem}.appointment-preview{padding:16px 0}.appointment-date{display:flex;align-items:center;gap:16px;margin-bottom:16px}.date-badge{width:60px;height:60px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.date-day{font-size:1.5rem;font-weight:700;line-height:1}.date-month{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.appointment-details{flex:1}.appointment-time{font-weight:600;color:var(--color-text, #1a202c);margin-bottom:4px}.appointment-therapist{color:var(--color-textSecondary, #6c757d);font-size:.875rem}.link-button{display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:.875rem;transition:gap .2s}.link-button:hover{gap:8px}.mood-selector{background:var(--color-surface, white);padding:32px;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px}.mood-scale{display:flex;gap:12px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}.mood-button{width:50px;height:50px;border:2px solid var(--color-border, #e9ecef);border-radius:8px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s}.mood-button:hover{transform:scale(1.1)}.mood-button.selected{transform:scale(1.15);border-color:transparent}.mood-labels{display:flex;justify-content:space-between;font-size:.875rem;font-weight:500;padding:0 8px}.mood-note-section{background:var(--color-surface, white);padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px}.mood-note-section h3{margin-bottom:12px;color:var(--color-text, #1a202c)}.mood-note-input{width:100%;padding:12px;border:2px solid;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical}.journal-entries{display:grid;grid-template-columns:2fr 1fr;gap:24px}.journal-entry-card{background:var(--color-surface, white);padding:24px;border-radius:12px;border:2px solid;box-shadow:0 2px 8px #0000000d}.journal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.journal-date{font-weight:500;color:var(--color-textSecondary, #6c757d)}.journal-privacy{font-size:.875rem;font-weight:600}.journal-textarea{width:100%;padding:12px;border:2px solid;border-radius:8px;font-family:inherit;font-size:1rem;resize:none;margin-bottom:16px}.journal-actions{display:flex;justify-content:space-between;align-items:center}.journal-share-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.past-entries{background:var(--color-surface, white);padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.past-entries h3{margin-bottom:16px;color:var(--color-text, #1a202c)}.entry-list{display:flex;flex-direction:column;gap:12px}.entry-item{padding:12px 12px 12px 16px;border-left:4px solid;border-radius:4px;background:var(--color-surfaceAlt, #f8f9fa);cursor:pointer;transition:transform .2s}.entry-item:hover{transform:translate(4px)}.entry-date{font-size:.875rem;color:var(--color-textSecondary, #6c757d);display:block;margin-bottom:4px}.entry-preview{color:var(--color-text, #1a202c);font-size:.875rem;margin:0}.appointments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.appointment-card{background:var(--color-surface, white);padding:24px;border-radius:12px;border-left:6px solid;box-shadow:0 2px 8px #0000000d}.appointment-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.appointment-card-date{display:flex;flex-direction:column}.apt-date{font-size:1.5rem;font-weight:700;color:var(--color-text, #1a202c);line-height:1}.apt-day{font-size:.875rem;color:var(--color-textSecondary, #6c757d)}.appointment-card-time{font-size:1rem;font-weight:600;color:var(--color-text, #1a202c)}.appointment-card-details{display:flex;justify-content:space-between;align-items:center}.appointment-status{padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-primary-themed{padding:12px 24px;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary-themed:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-secondary-themed{padding:12px 24px;border:2px solid;border-radius:8px;background:transparent;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary-themed:hover{background:var(--color-surfaceAlt, #f8f9fa)}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-box{background:var(--color-surface, white);padding:24px;border-radius:12px;border:2px solid;text-align:center;box-shadow:0 2px 8px #0000000d}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:.875rem;color:var(--color-textSecondary, #6c757d);font-weight:500}.client-list{display:flex;flex-direction:column;gap:12px}.client-item{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 16px 20px;background:var(--color-surfaceAlt, #f8f9fa);border-radius:8px;border-left:4px solid}.client-info{flex:1}.client-name{font-weight:600;color:var(--color-text, #1a202c);margin-bottom:4px;display:flex;align-items:center;gap:8px}.client-meta{font-size:.875rem;color:var(--color-textSecondary, #6c757d)}.view-client-btn{font-weight:500;font-size:.875rem;padding:8px 16px;border-radius:6px;transition:all .2s}.view-client-btn:hover{background:var(--color-surface, white)}.soap-note-form{display:flex;flex-direction:column;gap:24px}.soap-section{background:var(--color-surface, white);padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d}.soap-section h3{margin-bottom:8px;color:var(--color-text, #1a202c)}.section-help{font-size:.875rem;color:var(--color-textSecondary, #6c757d);margin-bottom:12px}.soap-textarea{width:100%;padding:12px;border:2px solid;border-radius:8px;font-family:inherit;font-size:1rem;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{padding:12px 12px 12px 16px;background:var(--color-surfaceAlt, #f8f9fa);border-radius:4px;border-left:3px solid}.activity-action{font-weight:500;color:var(--color-text, #1a202c);margin-bottom:4px}.activity-meta{font-size:.875rem;color:var(--color-textSecondary, #6c757d)}.health-metrics{display:flex;flex-direction:column;gap:16px}.health-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--color-surfaceAlt, #f8f9fa);border-radius:8px}.health-label{font-weight:500;color:var(--color-text, #1a202c)}.health-value{font-weight:700;font-size:1.125rem}.table-actions{margin-bottom:20px;display:flex;justify-content:flex-end}.user-table{background:var(--color-surface, white);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.user-table table{width:100%;border-collapse:collapse}.user-table th,.user-table td{padding:16px;text-align:left}.user-table th{font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-textSecondary, #6c757d)}.user-table td{color:var(--color-text, #1a202c)}.role-badge{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge{font-weight:500;font-size:.875rem}.table-action-btn{background:transparent;border:none;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.table-action-btn:hover{background:var(--color-surfaceAlt, #f8f9fa)}@media(max-width:1024px){.demo-sidebar{width:200px}.journal-entries{grid-template-columns:1fr}}@media(max-width:768px){.demo-sidebar{display:none}.mobile-bottom-nav{display:flex}.demo-content{padding:16px 16px 80px}.navbar-content{padding:8px 16px}.demo-title{font-size:1.25rem}.nav-back-text{display:none}.user-badge{padding:6px 12px;font-size:.75rem}.demo-page h1{font-size:1.75rem}.page-subtitle{font-size:.9375rem;margin-bottom:20px}.dashboard-grid{grid-template-columns:1fr;gap:16px}.quick-actions{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.quick-action-card{padding:16px}.stats-overview{grid-template-columns:repeat(2,1fr);gap:12px}.user-table{overflow-x:auto}.dashboard-card{padding:20px}.trend-bars{height:120px;gap:8px}}@media(max-width:480px){.navbar-center{gap:8px}.demo-title{font-size:1.125rem}.stats-overview{grid-template-columns:1fr}.mood-scale{gap:6px}.mood-button{width:40px;height:40px;font-size:.9375rem}.demo-page h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400}#root{min-height:100vh;width:100%}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--onyx);outline-offset:2px}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}