@charset "UTF-8";html{height:100%;--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}.page{max-width:1200px;margin:0 auto;padding:24px}h1{font-size:24px;margin:0 0 8px}h3{font-size:16px;margin:16px 0 8px}.muted{color:#0009;font-size:14px}.muted a{color:inherit}.error{color:#c62828;font-size:14px;margin:4px 0}.warning{color:#ef6c00;font-size:14px;margin:4px 0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grow,.spacer{flex:1}.full{width:100%}.actions{display:flex;gap:8px;align-items:center;padding:0 16px 16px}code{background:#0000000f;padding:1px 5px;border-radius:4px;font-size:13px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#353434,#4a4949 55%,#575656);padding:24px}.auth-card{width:440px;padding:8px 0}.auth-card .auth-logo{display:block;width:250px;margin:18px auto -6px}.auth-card mat-card-content form{display:flex;flex-direction:column;padding-top:12px}.auth-card mat-card-actions{display:flex;justify-content:space-between;padding:0 8px}.shell{height:100vh}.sidenav{--mat-sidenav-container-width: 180px;width:180px;display:flex;flex-direction:column}.sidenav .brand{padding:16px 12px 8px;display:flex;flex-direction:column;gap:4px}.sidenav .brand-name{font-size:18px;font-weight:600}.sidenav .brand-logo{width:100%;max-height:110px;object-fit:contain;object-position:left center;display:block;margin-bottom:4px}.sidenav .brand-tenant{font-size:13px;color:#0009}.sidenav .plan-chip{align-self:flex-start;margin-top:6px}.sidenav .sidenav-footer{margin-top:auto;padding:12px 16px}.sidenav .sidenav-footer .usage{font-size:12px;color:#0009;margin:0 0 8px}.sidenav a.active{background:#0000000f}.sidenav mat-nav-list button[mat-list-item]{border:0;background:none;appearance:none;text-align:start;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;cursor:pointer}.topbar{position:sticky;top:0;z-index:2;gap:8px}.topbar .spacer{flex:1}.topbar .topbar-nav{display:flex;gap:2px;min-width:0;overflow-x:auto}.topbar .topbar-nav .topbar-link{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:18px;text-decoration:none;color:#000000b3;font-size:14px}.topbar .topbar-nav .topbar-link mat-icon{font-size:18px;width:18px;height:18px}.topbar .topbar-nav .topbar-link:hover{background:#0000000f}.topbar .topbar-nav .topbar-link.active{background:#e7690924;color:#d65b15;font-weight:600}.topbar .topbar-nav button.topbar-link{border:0;background:none;font-family:inherit;margin:0;cursor:pointer}.topbar .topbar-plan{padding:4px 12px;border:1px solid rgba(0,0,0,.3);border-radius:16px;text-decoration:none;font-size:13px;font-weight:600;color:inherit}.topbar .topbar-plan.pro{background:#e76909;border-color:#e76909;color:#fff}.content{min-height:calc(100vh - 64px);background:#f5f6f8}.layout-select-panel{min-width:300px}.cards,.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:16px 0}.cards mat-card{display:flex;flex-direction:column}.cards mat-card mat-card-content{padding-top:24px}.cards mat-card .stat{margin-bottom:16px}.cards mat-card .actions{margin-top:auto;padding-top:16px}.plan-name{font-size:32px;font-weight:600;margin:0}.stat{font-size:22px;font-weight:500;margin:0 0 8px}.help ol{padding-left:20px;line-height:1.8}.create-card{margin-bottom:16px}.sizing{display:flex;align-items:center;gap:10px;padding:4px 0 8px}.sizing label{min-width:150px;font-size:13px;color:#000000b3}.sizing input[type=range]{flex:1;accent-color:#e76909}.sizing .weight-value{min-width:44px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.layout-hint{font-size:12px;color:#0000008c;margin:0 0 4px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.device-card mat-card-content{display:flex;flex-direction:column;gap:8px}.device-card mat-card-header{flex-direction:row;align-items:center;gap:12px}.device-card mat-card-header .mat-mdc-card-header-text{flex:1 1 auto;width:auto;min-width:0}.device-card mat-card-header mat-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-card .chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;margin-top:0}.device-card mat-card-content{padding-top:16px}.device-card mat-card-content .row mat-form-field{flex:1 1 200px;min-width:0}.device-card mat-chip.online{background:#c8e6c9}.device-card .pairing{display:flex;align-items:center;gap:6px}.device-card .pairing .code{font-family:ui-monospace,monospace;font-size:22px;font-weight:700;letter-spacing:.2em}.device-card .panes{border-top:1px solid rgba(0,0,0,.08);padding-top:8px}.device-card .panes .panes-header{display:flex;align-items:center;justify-content:space-between}.device-card .panes .pane-row{display:flex;align-items:center;gap:8px}.device-card .panes .pane-row .pane-slot{min-width:72px;font-size:13px;color:#0009}.device-card .panes .pane-row mat-form-field{flex:1}.device-card .actions{display:flex;align-items:center;gap:8px;padding:16px 16px 12px}.split{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:16px;align-items:start}.split .right mat-card>mat-card-header{flex-direction:column;align-items:flex-start;gap:10px}.split .left,.split .right{display:flex;flex-direction:column;gap:16px}.split .row{padding-top:12px}.list-card .list-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;border-radius:8px;font-size:14px;text-align:left}.list-card .list-item:hover{background:#0000000d}.list-card .list-item.active{background:#e769091f;font-weight:600}.list-card .list-item .muted{margin-left:auto}.items{list-style:none;padding:0;margin:8px 0 0}.items li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06)}.items li .item-name{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limit-notice{background:#fff3e0;border:1px solid #ffb74d;border-radius:6px;padding:8px 12px;font-size:14px}.add-row{padding-top:12px}.upload-row{padding-top:12px;gap:12px}.upload-card{margin-bottom:16px}.upload-card mat-progress-bar{margin-top:12px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.asset-card .thumb{height:130px;display:flex;align-items:center;justify-content:center;background:#eceff1;overflow:hidden}.asset-card .thumb img{width:100%;height:100%;object-fit:contain}.asset-card .thumb mat-icon{font-size:48px;width:48px;height:48px;color:#607d8b}.asset-card .name{font-size:14px;font-weight:500;margin:8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card .actions{display:flex;justify-content:flex-end;padding:0 8px 8px}.wide{width:100%}.settings-page>mat-card+mat-card{margin-top:24px}.branding-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}.branding-row .logo-preview{display:flex;align-items:center;justify-content:center;min-width:180px;max-width:320px;height:64px;padding:6px 12px;box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px}.branding-row .logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.common-feeds{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.feed-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px}.feed-row .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-preview{padding-left:18px;font-size:14px;line-height:1.7}.current mat-card-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.current .cancel-btn{margin-left:auto}.notice mat-card-content{color:#b26a00;font-size:14px}.plan-chip.plan-chip.pro{background:#e76909;color:#fff}.plan-chip.plan-chip.pro .mdc-evolution-chip__label{color:#fff}.plan-card.selected{outline:2px solid #e76909}.plan-card .price{font-size:28px;font-weight:700;margin:0 0 8px}.plan-card ul{list-style:none;padding:0;margin:0}.plan-card ul li{display:flex;align-items:center;gap:6px;font-size:14px;padding:3px 0}.plan-card ul li mat-icon{font-size:18px;width:18px;height:18px;color:#2e7d32}.plan-card .actions{display:flex;justify-content:center;padding:8px 16px 16px}mat-card mat-card-title{font-size:16px}.landing{min-height:100vh;display:flex;flex-direction:column;background:#f5f6f8}.lp-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 28px;background:#fff;color:#3f3e3e;border-bottom:1px solid rgba(0,0,0,.08);position:sticky;top:0;z-index:2}.lp-topbar .lp-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600}.lp-topbar .lp-brand .lp-logo-img{height:42px;display:block}.lp-topbar .lp-nav{display:flex;gap:6px;align-items:center}.lp-topbar .lp-nav a:not(.mat-mdc-unelevated-button):not(.mat-mdc-outlined-button){color:#575656}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:64px 48px;background:linear-gradient(135deg,#2f2e2e,#464545 55%,#546b94 120%);color:#fff}.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px;color:#fff}.hero p{font-size:17px;line-height:1.6;margin:0 0 20px;color:#ffffffd9;max-width:56ch}.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.hero .cta a{font-size:15px}.hero .cta a[mat-stroked-button]{border-color:#fff9;color:#fff}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:40px 24px}}.hero-visual{display:flex;flex-direction:column;gap:10px}.mock-screen{position:relative;display:grid;grid-template-columns:35% 1fr;grid-template-rows:1fr 1fr;gap:6px;aspect-ratio:16/10;background:#232222;border:4px solid #1c1c1c;border-radius:10px;padding:8px;box-shadow:0 18px 40px #00000059}.mock-screen .mock-pane{border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9}.mock-screen .pane-left{grid-row:1/span 2;background:linear-gradient(160deg,#7b8fb3,#546b94)}.mock-screen .pane-top{background:linear-gradient(160deg,#f18737,#e76909)}.mock-screen .pane-bottom{background:linear-gradient(160deg,#6b6a6a,#4a4949)}.mock-screen .mock-ticker{position:absolute;left:8px;right:8px;bottom:8px;background:#000000b8;color:#f18737;font-size:11px;padding:4px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-caption{text-align:center;font-size:13px;color:#ffffffb3}.demo-section{max-width:1100px;margin:0 auto;padding:48px 24px 8px;text-align:center}.demo-section h2{font-size:26px;margin:0 0 6px}.demo-section p{margin:0 auto 20px;max-width:60ch;line-height:1.55}.demo-section .demo-video{border-radius:12px;overflow:hidden;background:#000;box-shadow:0 14px 36px #00000038}.demo-section .demo-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.features,.plans-section{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:48px 24px 8px}.features h2,.plans-section h2{font-size:26px;margin:0 0 6px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.feature-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:18px}.feature-card h3{margin:12px 0 6px;font-size:16px}.feature-card p{margin:0;line-height:1.55}.feature-visual{display:flex;align-items:center;justify-content:center;height:72px;border-radius:8px;background:#eef3f8;overflow:hidden}.feature-visual .v-split{display:grid;grid-template-columns:35% 1fr;grid-template-rows:1fr 1fr;gap:4px;width:92px;height:56px}.feature-visual .v-split i{background:#97a8ca;border-radius:3px}.feature-visual .v-split i:first-child{grid-row:1/span 2;background:#546b94}.feature-visual .v-split i:nth-child(2){background:#ef7716}.feature-visual .v-list{display:flex;flex-direction:column;gap:6px;width:70%}.feature-visual .v-list i{height:10px;border-radius:5px;background:#b9cae8}.feature-visual .v-list i:first-child{background:#e76909;width:60%}.feature-visual .v-list i:nth-child(2){width:85%}.feature-visual .v-list i:nth-child(3){width:45%}.feature-visual .v-ticker{font-size:12px;color:#d65b15;background:#fff3e0;border:1px solid #ffb74d;border-radius:4px;padding:3px 10px;white-space:nowrap}.feature-visual .v-code{font-family:ui-monospace,monospace;font-size:24px;font-weight:700;letter-spacing:.3em;color:#3f3e3e;padding-left:.3em}.feature-visual .v-live{color:#2e7d32;font-weight:700;font-size:15px}.feature-visual .v-plans{display:flex;gap:6px;align-items:flex-end;height:48px}.feature-visual .v-plans i{width:26px;border-radius:4px 4px 0 0;background:#b9cae8}.feature-visual .v-plans i:first-child{height:60%}.feature-visual .v-plans i:nth-child(2){height:100%;background:#e76909}.feature-visual .v-plans i:nth-child(3){height:80%;background:#546b94}.plans-section{padding-bottom:48px}.plans-section .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.lp-plan-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:4px}.lp-plan-card.featured{border:2px solid #e76909;box-shadow:0 8px 24px #e769092e}.lp-plan-card .plan-name{margin:0;font-size:18px}.lp-plan-card .price{font-size:30px;font-weight:700;margin:4px 0 10px}.lp-plan-card ul{list-style:none;padding:0;margin:0 0 16px}.lp-plan-card ul li{padding:4px 0;font-size:14px}.lp-plan-card ul li:before{content:"\2713  ";color:#2e7d32;font-weight:700}.lp-plan-card a{margin-top:auto;align-self:flex-start}.lp-footer{margin-top:auto;display:flex;gap:20px;justify-content:center;padding:20px;background:#353434;color:#ffffffd9}.lp-footer a{color:#ffffffd9;font-size:14px}app-site-header,app-site-footer{display:block}.landing>app-site-footer{margin-top:auto}@media(max-width:640px){.feature-grid,.plans-section .plans{grid-template-columns:1fr}}@media(max-width:900px){.hero-visual{order:2}}.alert-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff3e0;border:1px solid #ffb74d;border-left:4px solid #ef6c00;border-radius:8px;padding:12px 16px;margin:0 0 16px}.alert-banner .alert-text{display:flex;flex-direction:column;gap:2px;min-width:0}.alert-banner .alert-text strong{font-size:15px;color:#b26a00}.alert-banner .alert-text span{font-size:14px;line-height:1.5;color:#000000bf}.alert-banner a,.alert-banner button{flex:0 0 auto}