:root{--app-bg:#eef2f6;--text:#121826;--muted:#657286;--faint:#9aa5b5;--line:#dfe6ef;--line-strong:#c8d2df;--shadow:0 10px 30px #1218260e;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--app-bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.45}*{box-sizing:border-box}html{background:var(--app-bg);min-height:100%}body{background:var(--app-bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1463d942}#root{min-height:100vh}.lyra-shell{color:#121826;background:#eef2f6;min-height:100vh}.app-header{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f9fcf0;border-bottom:1px solid #dde5ef;grid-template-columns:minmax(180px,280px) minmax(0,1fr) auto;align-items:center;gap:18px;height:64px;padding:0 22px;display:grid;position:sticky;top:0}.brand{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:inline-flex}.brand>span:last-child,.sidebar-head>div{min-width:0;display:grid}.brand strong,.sidebar-head strong{font-size:22px;line-height:1}.brand em,.sidebar-head em{color:#667386;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;font-style:normal;font-weight:800;overflow:hidden}.brand-mark{color:#fff;background:#111827;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-size:18px;font-weight:950;display:inline-grid}.brand-mark.small{width:30px;height:30px;font-size:15px}.brand-mark.big{width:64px;height:64px;font-size:30px}.space-nav{justify-content:center;gap:6px;min-width:0;display:inline-flex}.space-nav button,.portal-sidebar nav button{color:#536174;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;font-weight:850;display:inline-flex}.space-nav button{padding:0 14px}.space-nav button:hover,.space-nav button.active{color:#1463d9;background:#fff;border-color:#c8d6e7}.header-actions,.topbar-actions,.hero-actions,.form-actions,.device-actions,.toolbar{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.header-actions{justify-content:flex-end}.api-badge{color:#536174;white-space:nowrap;background:#fff;border:1px solid #d6e0ed;border-radius:8px;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.api-badge span{background:#c99410;border-radius:999px;width:8px;height:8px}.api-badge.connecte span{background:#15905a}.btn,.icon-button{color:#162032;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d5deea;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:38px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.btn{padding:0 13px}.btn:hover,.icon-button:hover{background:#f8fbff;border-color:#aebed0}.btn.primary{color:#fff;background:#1463d9;border-color:#1463d9}.btn.primary:hover{background:#0f55bd;border-color:#0f55bd}.btn.secondary{background:#fff}.btn.ghost-on-dark{color:#fff;background:#ffffff14;border-color:#ffffff52}.btn.compact{height:32px;padding:0 10px;font-size:12px}.btn.full{width:100%}.btn:disabled{opacity:.62;cursor:wait}.icon-button{width:38px;padding:0}.eyebrow{color:#1463d9;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:950}.marketing{gap:0;display:grid}.hero{color:#fff;background:linear-gradient(90deg,#10151cf5,#10151cb8),#10151c;grid-template-columns:minmax(320px,.86fr) minmax(420px,1.14fr);align-items:center;gap:34px;min-height:calc(100vh - 64px);padding:min(8vh,72px) clamp(20px,5vw,74px);display:grid;overflow:hidden}.hero-copy{z-index:2;max-width:660px;position:relative}.hero-copy .eyebrow{color:#8ed0ff}.hero h1{letter-spacing:0;margin:0;font-size:clamp(52px,9vw,112px);line-height:.88}.hero-copy>p:not(.eyebrow){color:#d8e2ef;max-width:620px;margin:24px 0;font-size:19px;font-weight:650;line-height:1.55}.hero-stage{z-index:1;min-width:0;position:relative}.hero-stage:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:-40px;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 84%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 84%,#0000 100%)}.product-preview{z-index:1;color:#121826;background:#f7f9fc;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:92px minmax(0,1fr);min-height:520px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000061}.preview-sidebar{color:#fff;background:#151719;align-content:start;gap:12px;padding:18px 14px;display:grid}.preview-sidebar b{font-size:16px}.preview-sidebar em{color:#9aa6b6;font-size:11px;font-style:normal;font-weight:800}.preview-sidebar i{background:#282d34;border-radius:8px;width:100%;height:34px}.preview-main{grid-template-rows:auto auto minmax(0,1fr);gap:18px;padding:22px;display:grid}.preview-top,.portal-topbar,.panel>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-top span{font-size:22px;font-weight:950}.preview-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mini-panel{background:#fff;border:1px solid #dfe6ef;border-radius:8px;align-content:center;gap:5px;min-height:106px;padding:14px;display:grid}.mini-panel svg{color:#1463d9}.mini-panel strong{font-size:26px;line-height:1}.mini-panel span{color:#657286;font-size:12px;font-weight:850}.preview-grid{grid-template-columns:.8fr 1fr;gap:14px;min-height:250px;display:grid}.preview-chart,.preview-feed{background:#fff;border:1px solid #dfe6ef;border-radius:8px;min-width:0}.preview-chart{align-items:end;gap:12px;padding:18px;display:flex}.preview-chart span{background:#1463d9;border-radius:6px 6px 0 0;width:100%}.preview-chart span:nth-child(2n){background:#15a36a}.preview-feed{align-content:start;gap:10px;padding:16px;display:grid}.preview-feed p{color:#445268;grid-template-columns:18px minmax(0,1fr);gap:8px;margin:0;font-size:12px;font-weight:800;display:grid}.marketing-band{background:#dde5ef;border-bottom:1px solid #dde5ef;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.stat-line{background:#fff;grid-template-columns:26px minmax(0,1fr);align-content:center;gap:3px 10px;min-height:92px;padding:18px clamp(16px,3vw,34px);display:grid}.stat-line svg{color:#1463d9;grid-row:span 2}.stat-line span{color:#657286;font-size:12px;font-weight:900}.stat-line strong{font-size:26px;line-height:1}.section-grid,.sales-section{grid-template-columns:minmax(260px,.68fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);padding:72px clamp(20px,5vw,74px);display:grid}.align-start{align-items:start}.section-title h2,.sales-section h2{letter-spacing:0;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.04}.section-title p:not(.eyebrow),.sales-section p:not(.eyebrow){color:#5f6d81;font-size:16px;font-weight:650;line-height:1.6}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.feature-card,.lead-form,.price-panel,.module-row,.panel,.kpi-card,.action-button{background:#fff;border:1px solid #dfe6ef;border-radius:8px;box-shadow:0 12px 28px #1218260e}.feature-card{align-content:start;gap:12px;min-height:180px;padding:18px;display:grid}.feature-card svg{color:#1463d9}.feature-card h3{margin:0;font-size:18px}.feature-card p{color:#657286;margin:0;font-weight:650;line-height:1.55}.module-list{gap:10px;display:grid}.module-row{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:84px;padding:13px 14px;display:grid}.module-row>span{color:#1463d9;background:#edf5ff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.module-row strong{margin-bottom:3px;display:block}.module-row p{color:#657286;margin:0;font-size:13px;font-weight:650}.sales-section{background:#f7f9fc;border-top:1px solid #dfe6ef;align-items:start}.price-panel{gap:6px;max-width:420px;margin-top:22px;padding:18px;display:grid}.price-panel strong{font-size:25px}.price-panel span,.price-panel em{color:#657286;font-style:normal;font-weight:750}.lead-form,.form-stack{gap:12px;display:grid}.lead-form{padding:18px}.lead-form h3{margin:0;font-size:24px}.lead-form label,.form-stack label{color:#657286;gap:6px;font-size:12px;font-weight:950;display:grid}.lead-form input,.lead-form textarea,.form-stack input,.form-stack textarea,.form-stack select,.search-box input,.status-select{color:#121826;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d5deea;border-radius:8px}.lead-form input,.form-stack input,.form-stack select,.search-box,.status-select{height:38px}.lead-form input,.form-stack input,.form-stack select,.status-select{padding:0 10px}.lead-form textarea,.form-stack textarea{resize:vertical;min-height:92px;padding:10px}.portal-layout{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.portal-sidebar{color:#d9e1eb;background:#151719;border-right:1px solid #252b34;flex-direction:column;gap:18px;height:calc(100vh - 64px);padding:16px 12px;display:flex;position:sticky;top:64px}.admin-mode .portal-sidebar{background:#1b2028}.sidebar-head{border-bottom:1px solid #ffffff1a;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:2px 6px 12px;display:grid}.sidebar-head .brand-mark{color:#111827;background:#fff}.portal-sidebar nav{gap:5px;display:grid}.portal-sidebar nav button{color:#aeb9c8;justify-content:flex-start;width:100%;padding:0 10px}.portal-sidebar nav button:hover,.portal-sidebar nav button.active{color:#fff;background:#2b313a}.portal-sidebar nav button svg:last-child{margin-left:auto}.portal-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.portal-topbar{background:#f7f9fc;border-bottom:1px solid #dfe6ef;min-height:92px;padding:20px 24px}.portal-topbar h1{letter-spacing:0;margin:0;font-size:31px;line-height:1.1}.workspace-stack,.split-workspace{padding:20px 24px 28px}.workspace-stack{gap:16px;display:grid}.split-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.main-column,.side-column{gap:16px;min-width:0;display:grid}.wide-side{width:min(440px,100%)}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.kpi-grid.small,.report-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{justify-content:space-between;gap:12px;min-height:128px;padding:15px;display:flex}.kpi-card svg{color:#1463d9}.kpi-card span{color:#657286;font-size:12px;font-weight:950}.kpi-card strong{margin:8px 0 6px;font-size:31px;line-height:1;display:block}.kpi-card em{color:#657286;font-size:12px;font-style:normal;font-weight:800}.kpi-card.good svg,.list-item.good span{color:#15905a}.kpi-card.warning svg,.list-item.warning span{color:#c37a08}.kpi-card.danger svg,.list-item.danger span{color:#d63d46}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.wide{grid-column:span 2}.panel{min-width:0;overflow:hidden}.panel>header{border-bottom:1px solid #e4ebf3;min-height:48px;padding:0 14px}.panel>header span{align-items:center;gap:8px;min-width:0;font-weight:950;display:inline-flex}.panel>header span svg{color:#1463d9}.panel-action{color:#7a8799;cursor:pointer;background:0 0;border:0;border-radius:8px;width:32px;height:32px}.panel-body{padding:14px}.panel.flush .panel-body{padding:0}.ai-summary{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;display:grid}.ai-summary svg{color:#1463d9}.ai-summary strong{font-size:18px;display:block}.ai-summary p{color:#657286;margin:4px 0 0;font-weight:650;line-height:1.55}.compact-list{gap:9px;display:grid}.list-item{grid-template-columns:10px minmax(0,1fr);align-items:start;gap:10px;display:grid}.list-item>span{background:currentColor;border-radius:999px;width:10px;height:10px;margin-top:5px}.list-item strong,.list-item em{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.list-item strong{color:#121826;font-size:13px}.list-item em{color:#657286;white-space:nowrap;margin-top:2px;font-size:12px;font-style:normal;font-weight:750}.connector-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.connector-strip>div{background:#f8fbff;border:1px solid #dfe6ef;border-radius:8px;gap:8px;min-width:0;padding:12px;display:grid}.connector-strip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar{justify-content:space-between}.search-box{color:#657286;background:#fff;border:1px solid #d5deea;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-width:min(420px,100%);padding:0 10px;display:grid}.search-box input{border:0;outline:0;height:34px;padding:0}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e7edf5;padding:12px 14px}.data-table th{color:#657286;text-transform:uppercase;font-size:11px;font-weight:950}.data-table td{color:#1b2536;font-size:13px;font-weight:700}.panel.flush{overflow-x:auto}.table-title,.device-cell,.action-button span{min-width:0;display:grid}.table-title span,.device-cell em,.action-button em{color:#657286;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-style:normal;font-weight:750;overflow:hidden}.status-select{min-width:122px}.status-pill{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:950;display:inline-flex}.status-pill.good{color:#127a4d;background:#e8f7ef}.status-pill.warning{color:#9a5d00;background:#fff3dc}.status-pill.danger{color:#b92331;background:#ffe8eb}.status-pill.info{color:#1463d9;background:#eaf2ff}.status-pill.neutral{color:#657286;background:#eef2f6}.device-cell{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px}.device-icon{color:#1463d9;background:#edf5ff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.progress{background:#e8edf5;border-radius:8px;width:100%;min-width:160px;height:24px;position:relative;overflow:hidden}.progress span{border-radius:inherit;background:#1463d9;position:absolute;inset:0 auto 0 0}.progress strong{z-index:1;color:#fff;place-items:center;height:100%;font-size:11px;display:grid;position:relative}.report-grid,.security-grid,.action-grid{gap:12px;display:grid}.report-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-button{color:#121826;text-align:left;cursor:pointer;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:84px;padding:13px;display:grid}.action-button svg{color:#1463d9}.connector-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.connector-card{color:#121826;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:8px;align-content:start;justify-items:start;gap:9px;min-height:148px;padding:14px;display:grid}.connector-card:hover,.connector-card.active{background:#f3f8ff;border-color:#91b9ef}.connector-card span{color:#1463d9;align-items:center;gap:7px;font-size:12px;font-weight:950;display:inline-flex}.connector-card strong,.connector-card em{text-overflow:ellipsis;max-width:100%;overflow:hidden}.connector-card strong{font-size:17px}.connector-card em{color:#657286;white-space:nowrap;font-size:12px;font-style:normal;font-weight:750}.connector-help{color:#144a94;background:#f2f7ff;border:1px solid #b9d2fb;border-radius:8px;grid-template-columns:22px minmax(0,1fr);gap:9px;padding:10px;font-size:12px;font-weight:800;line-height:1.45;display:grid}.scope-list{flex-wrap:wrap;gap:6px;display:flex}.scope-list span{color:#445268;background:#eef4fb;border-radius:6px;align-items:center;min-height:26px;padding:0 8px;font-size:11px;font-weight:900;display:inline-flex}.secret-hint{color:#657286;margin:0;font-size:12px;font-weight:800}.metric-row{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.metric-row:last-child{border-bottom:0}.metric-row span{color:#657286;font-weight:800}.metric-row strong{text-align:right}.branding-preview{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:16px;display:grid}.branding-preview h2{margin:0;font-size:34px}.branding-preview p:not(.eyebrow){color:#657286;margin:6px 0 0;font-weight:700}.toast{z-index:100;color:#fff;background:#121826;border-radius:8px;max-width:min(420px,100vw - 36px);padding:12px 14px;font-size:13px;font-weight:900;position:fixed;bottom:18px;right:18px;box-shadow:0 18px 50px #12182647}@media (width<=1180px){.hero,.section-grid,.sales-section{grid-template-columns:1fr}.product-preview{min-height:460px}.kpi-grid,.report-grid,.dashboard-grid,.action-grid,.connector-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.wide{grid-column:span 1}.split-workspace{grid-template-columns:1fr}.wide-side{width:100%}}@media (width<=860px){.app-header{grid-template-columns:1fr;height:auto;padding:12px;position:static}.space-nav{justify-content:flex-start;overflow-x:auto}.header-actions{justify-content:flex-start}.hero{min-height:auto;padding:48px 18px}.hero h1{font-size:58px}.product-preview{grid-template-columns:1fr;min-height:auto}.preview-sidebar{grid-template-columns:30px auto auto auto auto;align-items:center}.preview-sidebar i{height:20px}.preview-kpis,.preview-grid,.marketing-band,.benefit-grid,.connector-catalog,.security-grid,.portal-layout{grid-template-columns:1fr}.portal-sidebar{height:auto;position:static}.portal-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-topbar{flex-direction:column;align-items:flex-start}.workspace-stack,.split-workspace{padding:14px}}@media (width<=560px){.hero-actions,.topbar-actions,.form-actions,.device-actions,.toolbar{flex-direction:column;align-items:stretch}.btn,.search-box{width:100%}.section-grid,.sales-section{padding:44px 16px}.kpi-grid,.kpi-grid.small,.report-grid,.dashboard-grid,.action-grid,.connector-strip{grid-template-columns:1fr}.module-row{grid-template-columns:38px minmax(0,1fr)}.module-row .status-pill{grid-column:2;justify-self:start}.portal-sidebar nav{grid-template-columns:1fr}}