:root{--color-primary:#0060ad;--color-secondary:#008bcc;--color-ink:#1c2c3c;--color-paper:#fffefb;--color-muted:#444;--color-bg:#f5f8fb;--color-border:#dce7ef;--font-heading:Goldplay, Montserrat, system-ui, sans-serif;--font-body:Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--soft-shadow:0 18px 45px #1c2c3c14;color:var(--color-ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}#root{min-height:100svh}label{color:var(--color-muted);text-align:left;gap:7px;font-size:13px;font-weight:700;display:grid}input:not([type=checkbox]),select,textarea{border:1px solid var(--color-border);color:var(--color-ink);font:500 14px/1.4 var(--font-body);background:#fff;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px;transition:border-color .16s,box-shadow .16s}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-primary) 50%), linear-gradient(135deg, var(--color-primary) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:36px}select option{background:var(--color-paper);color:var(--color-ink);font:600 14px/1.5 var(--font-body)}select option:checked{color:var(--color-primary);background:#edf7fd;font-weight:800}textarea{resize:vertical;min-height:88px}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #008bcc24}button{cursor:pointer;font:800 14px/1 var(--font-body);border:0;border-radius:8px}.session-loading{background:var(--color-bg);color:var(--color-primary);justify-content:center;align-items:center;min-height:100svh;font-size:16px;font-weight:800;display:flex}mark{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.55}fieldset{border:1px solid var(--color-border);border-radius:8px;margin:0;padding:18px}legend{color:var(--color-primary);padding:0 8px;font-size:13px;font-weight:900}.brand-mark{background:var(--color-primary);color:var(--color-paper);border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow{color:var(--color-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.search-row,.form-grid{gap:16px;display:grid}.patient-modal select,.confirm-dialog select{background-color:#fff}.patient-modal select option,.confirm-dialog select option{padding:10px 12px}.primary-action{background:var(--color-primary);color:var(--color-paper);min-height:44px;padding:0 18px}.login-feedback{color:#b42318;background:#fff1f1;border:1px solid #ffd4d4;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:800}.ghost-action{color:var(--color-primary);background:#eef7fc;min-height:40px;padding:0 16px}.input-addon{grid-template-columns:minmax(0,1fr) 42px;align-items:center;display:grid}.input-addon input{border-radius:8px 0 0 8px}.input-addon span{border:1px solid var(--color-border);color:var(--color-muted);background:#f3f8fb;border-left:0;border-radius:0 8px 8px 0;justify-content:center;align-self:stretch;align-items:center;min-height:44px;font-size:14px;font-weight:900;display:flex}.cep-lookup-field{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.cep-lookup-field button{color:var(--color-primary);background:#eef7fc;min-height:44px;padding:0 14px}.cep-lookup-field button:disabled{cursor:not-allowed;opacity:.62}.module-header,.patient-modal header,.patient-modal footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.patient-module{background:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--soft-shadow);border-radius:8px}.empty-workspace{background:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--soft-shadow);border-radius:8px;gap:8px;padding:28px;display:grid}.module-header p,.table-row small{color:var(--color-muted);font-size:12px}.patient-module{gap:20px;padding:22px;display:grid}.module-header h2,.patient-modal h2,.empty-workspace h2{color:var(--color-ink);font-family:var(--font-heading);margin:0 0 4px;font-size:24px}.empty-workspace p{color:var(--color-muted);margin:0}.schedule-empty{background:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--soft-shadow);border-radius:8px}.schedule-mode-control{background:#edf2f6;border-radius:8px;gap:4px;padding:4px;display:flex}.schedule-mode-control button{color:var(--color-muted);background:0 0;min-height:36px;padding:0 12px}.schedule-mode-control button.active{background:var(--color-paper);color:var(--color-primary);box-shadow:0 3px 10px #1c2c3c1f}.schedule-empty{color:var(--color-muted);text-align:center;justify-items:center;gap:4px;padding:52px 24px;display:grid}.schedule-empty strong{color:var(--color-ink)}.schedule-feedback{color:var(--color-primary);background:#edf7fd;border:1px solid #cfe9f7;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:800}.search-row{grid-template-columns:minmax(240px,1fr) 240px}.patient-table{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.pagination-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.pagination-bar span{color:var(--color-muted);font-size:13px;font-weight:800}.pagination-bar div{gap:8px;display:flex}.pagination-bar button{color:var(--color-primary);background:#eef7fc;min-height:36px;padding:0 12px}.pagination-bar button:disabled{cursor:not-allowed;opacity:.55}.table-row{grid-template-columns:1.25fr .9fr 1fr 1fr .75fr 78px 132px;align-items:center;gap:14px;min-height:68px;padding:10px 16px;display:grid}.service-package-items{gap:8px;display:grid}.service-package-chip{border:1px solid var(--color-border);background:#f3f8fb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:6px 8px;display:flex}.service-package-chip button{color:#b42318;background:#fff1f1;min-height:30px;padding:0 10px}.service-package-add{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.table-row+.table-row{border-top:1px solid var(--color-border)}.table-head{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;background:#f3f8fb;min-height:44px;font-size:11px;font-weight:900}.table-row span{min-width:0}.table-row strong{color:var(--color-ink);overflow-wrap:anywhere;display:block}mark.success{color:#147447;background:#e7f7ef}mark.warning{color:#8a6300;background:#fff6dc}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions button{color:var(--color-primary);background:#eef7fc;min-height:32px;padding:0 10px}.row-actions button:last-child{color:#b42318;background:#fff1f1}.row-actions button.view-action{color:var(--color-primary);background:#eef7fc}.service-order-meta,.service-order-cash{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.service-order-meta>span,.service-order-cash>span,.patient-data-grid>span{border:1px solid var(--color-border);background:#f7fbfd;border-radius:8px;gap:4px;min-width:0;padding:11px 12px;display:grid}.service-order-meta small,.service-order-cash small,.patient-data-grid small,.service-order-items small{color:var(--color-muted);font-size:11px;font-weight:800}.service-order-meta strong,.service-order-cash strong,.patient-data-grid strong{color:var(--color-ink);overflow-wrap:anywhere}.service-order-cash{border:1px solid var(--color-border);background:#f3f8fb;border-radius:8px;padding:10px}.service-order-cash>span{background:#fff}.service-order-cash .balance{border-color:#aad5ec}.service-order-cash .balance strong{color:var(--color-primary);font-size:18px}.service-order-section-title{justify-content:space-between;align-items:center;display:flex}.patient-data-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.service-order-items{gap:10px;display:grid}.service-order-items article{border:1px solid var(--color-border);background:#f7fbfd;border-radius:8px;grid-template-columns:minmax(220px,1.5fr) 80px 110px 120px 78px;align-items:center;gap:12px;padding:12px;display:grid}.service-order-items article>div span{color:var(--color-muted);margin-top:3px;font-size:11px;display:block}.service-order-items article>span{gap:3px;display:grid}.service-order-toast{color:#147447;z-index:10;background:#e7f7ef;border:1px solid #b8e3ce;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;max-width:520px;padding:14px 16px;display:flex;position:fixed;bottom:24px;right:24px}.service-order-toast button{color:#147447;background:0 0}.service-order-row{grid-template-columns:110px 1.15fr 1fr 100px 100px 100px 120px 92px}.modal-backdrop{z-index:5;background:#1c2c3c6b;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.patient-modal{background:var(--color-paper);border-radius:8px;gap:18px;width:min(1040px,100%);max-width:1040px;max-height:calc(100svh - 56px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 70px #1c2c3c47}.service-modal{max-width:980px}.service-modal .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.confirm-dialog{background:var(--color-paper);border-radius:8px;gap:24px;width:min(420px,100%);max-width:420px;padding:24px;display:grid;box-shadow:0 24px 70px #1c2c3c47}.confirm-dialog h2{color:var(--color-ink);font-family:var(--font-heading);margin:0 0 8px;font-size:24px}.confirm-dialog p{color:var(--color-muted);margin:0}.confirm-dialog footer{justify-content:flex-end;gap:10px;display:flex}.budget-form-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}.budget-services{gap:12px;display:grid}.budget-service-row{border:1px solid var(--color-border);background:#f7fbfd;border-radius:8px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:14px;padding:16px;display:grid}.budget-service-category{grid-column:1/5}.budget-service-type{grid-column:5/9}.budget-service-provider{grid-column:9/13}.budget-service-quantity{grid-column:1/3;min-width:0}.budget-line-total{border:1px solid var(--color-border);background:#fff;border-radius:8px;grid-column:3/6;align-self:end;gap:4px;min-width:0;min-height:44px;padding:7px 12px;display:grid}.budget-service-row>button{grid-column:6/8;min-width:0}.budget-line-total span,.budget-summary span{color:var(--color-muted);font-size:12px;font-weight:800}.budget-line-total strong,.budget-summary strong{color:var(--color-ink);font-family:var(--font-heading);font-size:17px;line-height:1.1;display:block}.budget-summary{border:1px solid var(--color-border);background:#f3f8fb;border-radius:8px;grid-template-columns:minmax(170px,auto) repeat(4,minmax(120px,1fr));align-items:center;gap:14px;padding:16px;display:grid}.budget-summary>span{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:10px 12px}.discount-dialog{max-width:520px}.budget-option-card small{color:var(--color-muted);font-size:12px}.patient-modal form{gap:18px;display:grid}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.span-full{grid-column:1/-1}.checkbox-field{border:1px solid var(--color-border);color:var(--color-ink);background:#f7fbfd;border-radius:8px;flex-direction:row;align-content:center;align-items:center;gap:10px;min-width:0;min-height:44px;padding:10px 12px;font-weight:800;display:flex}.checkbox-field input{accent-color:var(--color-primary);appearance:auto;flex:none;width:16px;height:16px;min-height:auto;margin:0;padding:0}.checkbox-field input:focus{box-shadow:none;outline-offset:2px;outline:2px solid #008bcc3d}.cash-summary,.payment-summary{gap:10px;display:grid}.cash-summary{border:1px solid var(--color-border);background:#f3f8fb;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px}.payment-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.cash-summary>span,.payment-summary>span{border:1px solid var(--color-border);background:#fff;border-radius:8px;gap:4px;min-width:0;padding:12px;display:grid}.cash-summary small,.payment-summary small{color:var(--color-muted);font-size:11px;font-weight:800}.cash-summary strong,.payment-summary strong{color:var(--color-ink);font-family:var(--font-heading);overflow-wrap:anywhere;font-size:18px}.cash-summary .balance{border-color:#aad5ec}.cash-summary .balance strong{color:var(--color-primary)}.cash-row{grid-template-columns:110px 1.15fr 150px 1.2fr 110px 110px 110px}.cash-row small{display:block}.cash-balance-page{align-content:start}.cash-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.cash-control-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cash-control-metrics>span{border:1px solid var(--color-border);background:#f7fbfd;border-radius:8px;gap:4px;min-width:0;padding:11px 12px;display:grid}.cash-control-metrics small{color:var(--color-muted);font-size:11px;font-weight:800}.cash-control-metrics strong{color:var(--color-ink);overflow-wrap:anywhere}.cash-flow-filters{grid-template-columns:repeat(2,minmax(220px,280px));align-items:end;gap:16px;display:grid}.cash-flow-modal{max-width:1120px}.cash-flow-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.medical-record-backdrop{z-index:8}.medical-record-module{width:min(1180px,100vw - 56px);max-width:1180px}.medical-record-module form{gap:18px;display:grid}.medical-record-grid,.system-user-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=980px){.search-row,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.service-modal .form-grid,.cash-flow-form-grid,.medical-record-grid,.system-user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-control-grid{grid-template-columns:1fr}.budget-form-grid,.budget-summary{grid-template-columns:1fr 1fr}.budget-service-row{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-service-category,.budget-service-type,.budget-service-provider,.budget-service-quantity,.budget-line-total,.budget-service-row>button{grid-column:span 1}.service-order-meta,.service-order-cash,.patient-data-grid,.service-order-items article,.service-order-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.module-header,.patient-modal header,.patient-modal footer{flex-direction:column;align-items:stretch}.search-row,.form-grid,.cash-flow-filters,.table-row,.budget-form-grid,.budget-service-row,.budget-summary,.service-order-meta,.service-order-cash,.patient-data-grid,.cash-control-metrics,.service-order-items article{grid-template-columns:1fr}.service-order-section-title{flex-direction:column;align-items:stretch}.service-order-toast{bottom:12px;left:12px;right:12px}.modal-backdrop{padding:12px}.schedule-mode-control{grid-template-columns:1fr 1fr;display:grid}}.brand-lockup{grid-template-columns:68px 1fr;align-items:center;gap:2px 12px;display:grid}.brand-logo{object-fit:contain;grid-row:1/3;width:68px;height:68px;display:block}.brand-lockup.compact{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.brand-lockup.compact .brand-logo{width:50px;height:50px}.brand-name{color:var(--color-ink);font-family:var(--font-heading);letter-spacing:-.035em;font-size:25px;line-height:1}.brand-lockup.compact .brand-name{font-size:21px}.brand-tagline{color:var(--color-muted);grid-column:2;font-size:13px;font-weight:700;display:block}.menu-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:17px;height:17px}.sidebar{background:var(--color-paper);border-right:1px solid var(--color-border);flex-direction:column;gap:20px;height:100svh;padding:28px 20px;display:flex;position:sticky;top:0;overflow:auto}.side-nav{gap:8px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-thumb{background:#c7d8e3;border-radius:8px}.side-nav-section{gap:8px;display:grid}.side-nav-section h2{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;margin:8px 8px 0;font-size:11px;font-weight:900}.side-nav-items{gap:6px;display:grid}.side-nav a,.side-nav button{color:var(--color-muted);text-align:left;background:0 0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:40px;padding:0 10px;text-decoration:none;display:flex}.side-nav a span,.side-nav button span{color:var(--color-secondary);background:#edf7fd;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.side-nav a.active,.side-nav button.active{background:var(--color-primary);color:var(--color-paper)}.side-nav a.active span,.side-nav button.active span{color:var(--color-paper);background:#ffffff2e}.sidebar-note{background:#f2f8fc;border:1px solid #dceef8;border-radius:8px;gap:6px;margin-top:auto;padding:16px;display:grid}.sidebar-note strong{color:var(--color-ink);font-size:14px}.sidebar-note span{color:var(--color-muted);font-size:12px;line-height:1.5}@media (width<=980px){.sidebar{border-bottom:1px solid var(--color-border);border-right:0;height:auto;max-height:none;position:static}.side-nav{grid-template-columns:1fr}.side-nav-items{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-note{display:none}}@media (width<=640px){.side-nav,.side-nav-items{grid-template-columns:1fr}}.doctor-room-bar{color:#15584c;background:#e9f6f3;border:1px solid #bee1d9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;display:flex}.doctor-room-bar button,.calling-actions button{cursor:pointer;color:#144967;font:inherit;background:#fff;border:1px solid #bdd5dd;border-radius:8px;padding:9px 14px}.calling-actions .primary-action{color:#fff;background:#087d70;border-color:#087d70}.calling-modal-backdrop{z-index:2000;background:#07223499;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.calling-room-modal{background:#fff;border-radius:18px;width:min(520px,100%);max-height:92dvh;padding:30px;overflow:auto;box-shadow:0 24px 70px #092c4740}.calling-room-modal h2{margin:8px 0 12px}.calling-room-modal p{line-height:1.5}.calling-room-modal label{flex-direction:column;gap:8px;font-weight:600;display:flex}.calling-room-modal select{width:100%;font:inherit;background:#fff;border:1px solid #b9ccd5;border-radius:8px;margin:8px 0 16px;padding:12px}.calling-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calling-error{color:#a22e29!important}.patient-call-control{flex-direction:column;gap:6px;max-width:260px;display:flex}.patient-call-control small{color:#176250}.call-patient-button{color:#096d5d;font:inherit;cursor:pointer;background:#eaf7f3;border:1px solid #bddbd3;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-weight:600;display:inline-flex}.patient-call-control button:disabled,.calling-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=600px){.doctor-room-bar{flex-wrap:wrap}}.app-shell{background:linear-gradient(135deg, #0060ad14, transparent 34%), var(--color-bg);min-height:100svh;color:var(--color-ink)}.topbar h1{color:var(--color-ink);font-family:var(--font-heading);margin:0;font-size:42px;line-height:1.08}.app-shell{grid-template-columns:250px minmax(0,1fr);align-items:start;display:grid}.workspace{grid-auto-rows:max-content;align-content:start;align-items:start;gap:24px;padding:28px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;width:100%;min-height:72px;display:flex}.topbar>div:first-child{min-width:0}.topbar .eyebrow{min-height:15px}.user-menu{flex:none;position:relative}.user-pill{background:var(--color-paper);border:1px solid var(--color-border);color:var(--color-muted);border-radius:999px;align-items:center;gap:8px;padding:8px 12px 8px 8px;font-size:13px;font-weight:800;display:flex}.user-pill:hover{border-color:var(--color-secondary);color:var(--color-primary)}.user-pill span{color:var(--color-ink);background:#ffd86b;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.user-menu-popover{background:var(--color-paper);border:1px solid var(--color-border);box-shadow:var(--soft-shadow);z-index:10;border-radius:8px;gap:8px;min-width:150px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-menu-popover small{color:var(--color-muted);padding:4px 6px;font-size:12px;font-weight:800}.user-menu-popover button{color:#b42318;text-align:left;background:#fff1f1;min-height:36px;padding:0 12px}@media (width<=980px){.app-shell{grid-template-columns:1fr}.workspace{padding:24px}}@media (width<=640px){.topbar h1{font-size:32px}.topbar{flex-direction:column;align-items:stretch}}.login-page{background:linear-gradient(135deg, #0060ad14, transparent 34%), var(--color-bg);min-height:100svh;color:var(--color-ink);grid-template-columns:minmax(320px,480px) minmax(360px,1fr);display:grid}.login-panel{background:var(--color-paper);border-right:1px solid var(--color-border);align-content:center;gap:38px;padding:56px;display:grid}.login-copy p{color:var(--color-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.login-copy h1{color:var(--color-ink);font-family:var(--font-heading);margin:0;font-size:42px;line-height:1.08}.login-form{gap:16px;display:grid}.login-form button{background:var(--color-primary);color:var(--color-paper);min-height:44px;padding:0 18px}.login-visual{background:#29425a;padding:56px;display:flex}.login-visual img{object-fit:cover;object-position:center;border-radius:8px;width:100%;height:100%;max-height:calc(100svh - 112px);box-shadow:0 28px 80px #1c2c3c47}@media (width<=980px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:24px}}@media (width<=640px){.login-copy h1{font-size:32px}}.landing-page{--landing-navy:#082a43;--landing-blue:#006fba;--landing-sky:#dff4ff;color:var(--landing-navy);background:#f7fbfd;min-height:100vh}.landing-header{justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:22px 32px;display:flex}.landing-brand{color:inherit;text-decoration:none}.landing-header .brand-logo,.landing-footer .brand-logo{object-fit:contain;width:50px;height:50px}.landing-header nav{gap:30px;display:flex}.landing-header nav a{color:#476171;font-size:14px;font-weight:700;text-decoration:none}.landing-header nav a:hover{color:var(--landing-blue)}.landing-contact-button,.landing-primary-action,.landing-secondary-action,.landing-cta-button{border-radius:999px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.landing-contact-button{background:var(--landing-navy);color:#fff;padding:12px 20px;font-size:13px}.landing-hero{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:64px;max-width:1240px;min-height:690px;margin:0 auto;padding:70px 32px 90px;display:grid;position:relative;overflow:hidden}.landing-hero:before{content:"";filter:blur(6px);opacity:.58;background:#cdeeff;border-radius:50%;width:520px;height:520px;position:absolute;top:30px;right:-250px}.landing-hero-copy,.landing-product-preview{z-index:1;position:relative}.landing-kicker,.landing-section-heading>span,.landing-cta>div>span{color:var(--landing-blue);letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:900;display:block}.landing-hero h1{font-family:var(--font-heading);letter-spacing:-.055em;max-width:720px;margin:0;font-size:clamp(54px,5.4vw,78px);line-height:.98}.landing-hero-copy>p{color:#526b79;max-width:600px;margin:28px 0 32px;font-size:18px;line-height:1.75}.landing-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-primary-action{background:var(--landing-blue);color:#fff;padding:15px 24px;box-shadow:0 12px 28px #006fba33}.landing-secondary-action{color:var(--landing-navy);border:1px solid #bfd1dc;padding:14px 24px}.landing-proof{border-top:1px solid #d7e4ea;gap:30px;margin-top:42px;padding-top:24px;display:flex}.landing-proof span{color:#637987;font-size:12px}.landing-proof strong{color:var(--landing-navy);margin-bottom:3px;font-size:24px;display:block}.landing-product-preview{background:#fff;border:1px solid #cadee9cc;border-radius:26px;padding:22px;transform:rotate(1deg);box-shadow:0 34px 80px #082a4326}.preview-topbar{border-bottom:1px solid #edf3f6;align-items:center;gap:12px;padding:4px 2px 20px;display:flex}.preview-mark{background:linear-gradient(145deg, var(--landing-blue), #00a1d8);color:#fff;font-family:var(--font-heading);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:flex}.preview-topbar div{flex-direction:column;flex:1;display:flex}.preview-topbar small{color:#8193a0;margin-top:3px}.preview-status{color:#168355;background:#e6f8ef;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800}.preview-metrics{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0;display:grid}.preview-metrics article{background:#f5f9fb;border-radius:15px;flex-direction:column;min-height:112px;padding:16px;display:flex}.preview-metrics small,.preview-metrics span{color:#8193a0;font-size:10px}.preview-metrics strong{margin:12px 0 7px;font-size:23px}.preview-body{grid-template-columns:1.5fr .8fr;gap:14px;display:grid}.preview-chart,.preview-agenda{border:1px solid #e7eff3;border-radius:16px;min-height:190px;padding:17px}.preview-chart-title{justify-content:space-between;align-items:center;display:flex}.preview-chart-title span{color:#8193a0;font-size:10px}.chart-bars{align-items:flex-end;gap:9px;height:125px;padding-top:20px;display:flex}.chart-bars i{background:linear-gradient(#0a8dcc,#b7e8f8);border-radius:7px 7px 2px 2px;flex:1;display:block}.preview-agenda{flex-direction:column;gap:16px;display:flex}.preview-agenda span{color:#526b79;align-items:center;gap:8px;font-size:11px;display:flex}.preview-agenda i{background:var(--landing-blue);border-radius:50%;width:7px;height:7px;display:inline-block}.landing-section{max-width:1240px;margin:0 auto;padding:110px 32px}.landing-intro{border-top:1px solid #d9e7ee}.landing-section-heading{grid-template-columns:.55fr 1.45fr;align-items:end;gap:30px;margin-bottom:58px;display:grid}.landing-section-heading>span{margin:0}.landing-section-heading h2,.landing-flow h2,.landing-cta h2{font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(36px,4vw,56px);line-height:1.05}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.landing-feature-grid article{background:#fff;min-height:260px;padding:34px}.landing-feature-grid article:first-child{border-radius:22px 0 0}.landing-feature-grid article:nth-child(3){border-radius:0 22px 0 0}.landing-feature-grid article:nth-child(4){border-radius:0 0 0 22px}.landing-feature-grid article:last-child{border-radius:0 0 22px}.landing-feature-grid article>span{color:#7ec8ec;font-family:var(--font-heading);font-size:13px;font-weight:900}.landing-feature-grid h3{font-family:var(--font-heading);margin:48px 0 13px;font-size:24px}.landing-feature-grid p,.landing-persona-grid p,.landing-flow-copy>p,.landing-flow li p{color:#627a87;margin:0;line-height:1.65}.landing-flow{background:var(--landing-navy);color:#fff;border-radius:32px;grid-template-columns:.9fr 1.1fr;gap:80px;max-width:1176px;margin:40px auto;padding:80px;display:grid}.landing-flow-copy>p{color:#b7c8d2;margin:24px 0 34px;font-size:17px}.landing-flow ol{margin:0;padding:0;list-style:none}.landing-flow li{border-bottom:1px solid #ffffff24;grid-template-columns:45px 1fr;gap:20px;padding:19px 0;display:grid}.landing-flow li:first-child{padding-top:0}.landing-flow li>span{color:#65c9f5;font-size:12px;font-weight:900}.landing-flow li strong{margin-bottom:6px;font-size:17px;display:block}.landing-flow li p{color:#9fb4c0;font-size:13px}.landing-persona-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.landing-persona-grid article{border-left:3px solid #80cef1;padding:10px 25px}.landing-persona-grid strong{font-family:var(--font-heading);margin-bottom:12px;font-size:21px;display:block}.landing-persona-grid p{font-size:14px}.landing-cta{background:linear-gradient(125deg,#dff4ff,#f4fbfe);border-radius:28px;justify-content:space-between;align-items:center;max-width:1176px;margin:0 auto 80px;padding:58px 64px;display:flex}.landing-cta>div{max-width:680px}.landing-cta p{color:#526b79;max-width:650px;margin:18px 0 0;line-height:1.65}.landing-cta>div>span{margin-bottom:12px}.landing-cta-button{background:var(--landing-navy);color:#fff;flex-shrink:0;gap:22px;margin-left:35px;padding:18px 24px}.landing-cta-button span{font-size:22px}.landing-footer{border-top:1px solid #d9e7ee;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:34px 32px;display:grid}.landing-footer p,.landing-footer>span{color:#708692;font-size:12px}.landing-footer>span{text-align:right}@media (width<=980px){.landing-header nav{display:none}.landing-hero{grid-template-columns:1fr;gap:50px;padding-top:55px}.landing-product-preview{transform:none}.landing-section-heading{grid-template-columns:1fr;align-items:start}.landing-feature-grid{grid-template-columns:repeat(2,1fr)}.landing-feature-grid article{border-radius:0!important}.landing-flow{border-radius:0;grid-template-columns:1fr;max-width:none;margin:20px 0}.landing-persona-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.landing-header{padding:16px 20px}.landing-header .brand-logo{width:42px;height:42px}.landing-header .brand-name{font-size:18px}.landing-contact-button{padding:10px 14px;font-size:11px}.landing-hero{min-height:auto;padding:58px 20px 75px}.landing-hero h1{font-size:48px}.landing-hero-copy>p{font-size:16px}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-proof{gap:16px}.preview-metrics{grid-template-columns:1fr}.preview-metrics article{min-height:auto}.preview-body{grid-template-columns:1fr}.landing-section{padding:75px 20px}.landing-feature-grid,.landing-persona-grid{grid-template-columns:1fr}.landing-feature-grid article{min-height:220px}.landing-flow{gap:50px;padding:65px 24px}.landing-cta{border-radius:0;flex-direction:column;align-items:stretch;margin-bottom:40px;padding:55px 24px}.landing-cta-button{margin:30px 0 0}.landing-footer{grid-template-columns:1fr;padding:30px 20px}.landing-footer>span{text-align:left}}
