*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}a{color:inherit}button,input{font:inherit}:root{--zeyboard-navy:#071d36;--zeyboard-navy-2:#0d2d4f;--zeyboard-blue:#0b6ef5;--zeyboard-cyan:#35c7db;--zeyboard-surface:#f4f8ff;--zeyboard-card:#fff;--zeyboard-text:#0f172a;--zeyboard-muted:#475569;--zeyboard-border:#dfeaf8;--zeyboard-shadow:#071d361f}body{color:#0f172a;background:#edf3f5;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}.app-shell{background:#edf3f5;flex-direction:column;min-height:100vh;display:flex}.container{width:min(1180px,92%);margin:0 auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071d36f5;border-bottom:1px solid #ffffff1f;position:sticky;top:0;box-shadow:0 8px 24px #071d3614}.nav-wrap{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.brand{align-items:center;gap:.85rem;min-height:52px;text-decoration:none;display:inline-flex}.brand-logo-image{filter:drop-shadow(0 8px 16px #24ffa72e);width:100%;max-width:260px;height:auto;display:block}.brand-subtext{color:#ffffffc7;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.68rem;font-weight:700}.nav-menu{align-items:center;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.nav-item,.nav-action{color:#ffffffe6;cursor:pointer;background:0 0;border:0;border-radius:.65rem;justify-content:center;align-items:center;padding:.5rem .8rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:inline-flex}.nav-user{color:#ebf5ff;background:#35c7db24;border:1px solid #75cdff59;border-radius:.65rem;padding:.45rem .72rem;font-size:.9rem}.nav-item:hover,.nav-item.active,.nav-action:hover{color:#fff;background:#ffffff1f}.home-page,.services-page{flex:1}.hero-section{padding:3.25rem 0 2.25rem}.hero-layout{display:block}.hero-copy-block{text-align:left;max-width:1280px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#1aa7d6;margin:0 0 1rem;font-size:.95rem;font-weight:700;display:inline-block}.hero-section h1{color:var(--zeyboard-navy);letter-spacing:-.07em;text-align:left;max-width:1040px;margin:0;font-size:clamp(3.5rem,5vw,7rem);line-height:.93}.hero-copy{max-width:820px;color:var(--zeyboard-muted);text-align:left;margin:1.6rem 0 0;font-size:1.1rem;line-height:1.62}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:.9rem;margin-top:1.8rem;display:flex}.hero-visual,.brand-hero-image{display:none}.features-section,.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;padding-bottom:3rem;display:grid}.feature-card,.service-card{background:var(--zeyboard-card);border:1px solid var(--zeyboard-border);box-shadow:0 18px 35px var(--zeyboard-shadow);border-radius:1rem;padding:1.5rem}.service-link-card{text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.service-link-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px #071d3624}.service-image{border:1px solid var(--zeyboard-border);background:#f3f9ff;border-radius:.8rem;width:100%;margin-bottom:.9rem}.service-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.65rem;display:flex}.service-status-badge{color:#1d4ed8;letter-spacing:.02em;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.feature-card h2,.service-card h2{color:var(--zeyboard-navy);margin:0;font-size:1.16rem}.service-availability-note{color:#475569;margin-top:.8rem;font-size:.9rem}.feature-card p,.service-card p,.services-subtitle{color:var(--zeyboard-muted);margin:0;line-height:1.7}.services-page{padding:3.5rem 0}.services-page h1{color:var(--zeyboard-navy);margin:0 0 .5rem;font-size:clamp(2rem,3vw,2.8rem)}.services-subtitle{max-width:68ch;margin-bottom:1.5rem}.welcome-banner{color:#0f766e;margin:0 0 .85rem;font-weight:700}.site-footer{border-top:1px solid var(--zeyboard-border);background:#edf4ff}.footer-wrap{color:var(--zeyboard-text);justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;font-size:.94rem;display:flex}.modal-overlay{z-index:40;background:#071d368f;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:1rem;width:min(450px,95vw);padding:1.25rem;position:relative;box-shadow:0 28px 70px #071d3659}.auth-modal h2{color:var(--zeyboard-navy);margin:0 0 .85rem}.modal-close{cursor:pointer;color:#64748b;background:0 0;border:0;font-size:1.5rem;position:absolute;top:.5rem;right:.7rem}.auth-form{gap:.55rem;display:grid}.auth-form label{color:var(--zeyboard-text);font-size:.92rem}.auth-form input{color:var(--zeyboard-text);background:#fff;border:1px solid #cbd5e1;border-radius:.7rem;padding:.7rem .8rem}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:2.8rem}.password-toggle{cursor:pointer;color:#64748b;background:0 0;border:0;font-size:1rem;line-height:1;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.auth-form button{margin-top:.7rem}.auth-message{margin:.85rem 0 0;font-size:.9rem}.auth-message.success{color:#166534}.auth-message.error{color:#b91c1c}@media (width<=900px){.hero-layout{display:block}.hero-copy-block{text-align:left;max-width:100%}.hero-section h1{max-width:100%;font-size:clamp(2.7rem,11vw,4.5rem)}.hero-copy{max-width:100%}.hero-actions{justify-content:flex-start}.brand{flex-direction:column;align-items:flex-start}.brand-subtext{white-space:normal;letter-spacing:.08em}.features-section,.services-grid{grid-template-columns:1fr}.footer-wrap{text-align:center;flex-direction:column}.nav-wrap{flex-direction:column;align-items:flex-start;gap:.8rem}.nav-menu{flex-wrap:wrap}}