:root{--bg: #f8fafc;--bg2: #eef2ff;--surface: rgba(255,255,255,.88);--surface-solid: #ffffff;--surface-alt: #f8fafc;--text: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--border: rgba(226,232,240,.9);--border-solid: #e2e8f0;--shadow: rgba(15,23,42,.06);--shadow-lg: rgba(15,23,42,.15);--chart-grid: #f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);line-height:1.4}html.dark{--bg: #0f172a;--bg2: #1e293b;--surface: rgba(30,41,59,.95);--surface-solid: #1e293b;--surface-alt: #0f172a;--text: #f1f5f9;--text-muted: #94a3b8;--text-subtle: #475569;--border: rgba(51,65,85,.8);--border-solid: #334155;--shadow: rgba(0,0,0,.2);--shadow-lg: rgba(0,0,0,.45);--chart-grid: #1e293b}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);color:var(--text);min-height:100vh}html.dark body{background:linear-gradient(180deg,#0f172a,#1e293b)}button,input{font:inherit}.app-shell{min-height:100vh;padding:24px}.container{max-width:1440px;margin:0 auto}.content{display:flex;flex-direction:column;gap:24px}.hero-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:28px}h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:0}.hero-text{max-width:860px;margin-top:14px;color:var(--text-muted)}.hero-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.badge-row{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#0f172a;color:#fff;font-size:14px;font-weight:600}html.dark .badge{background:#f1f5f9;color:#0f172a}.badge.secondary{background:var(--border-solid);color:var(--text)}button.badge{cursor:pointer;border:none;gap:5px;transition:opacity .15s,transform .1s}button.badge:hover{opacity:.8;transform:scale(.97)}.ha-toggle-badge{background:var(--border-solid);color:var(--text-muted)}.ha-toggle-badge.ha-toggle-live{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.35)}.ha-toggle-badge.ha-toggle-paused{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.primary-button{border:0;border-radius:18px;padding:12px 18px;background:#0f172a;color:#fff;display:inline-flex;gap:8px;align-items:center;cursor:pointer;box-shadow:0 10px 30px var(--shadow-lg);white-space:nowrap}html.dark .primary-button{background:#f1f5f9;color:#0f172a}.secondary-button{border:1px solid var(--border-solid);border-radius:18px;padding:12px 18px;background:var(--surface-solid);color:var(--text);display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.secondary-button:hover,.primary-button:hover{opacity:.9}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.full-width{width:100%;justify-content:center}.icon-button{border:0;background:var(--surface-alt);border-radius:12px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--text-muted);flex-shrink:0}.icon-button:hover{background:var(--border-solid)}.icon-button.sm{width:28px;height:28px;border-radius:8px}.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:28px;box-shadow:0 10px 30px var(--shadow)}.card-header{padding:22px 22px 0}.card-title{margin:0;font-size:1.15rem;color:var(--text)}.card-content{padding:18px 22px 22px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-drawer{position:fixed;top:0;right:0;height:100vh;width:420px;background:var(--surface-solid);z-index:101;box-shadow:-20px 0 60px var(--shadow-lg);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-radius:28px 0 0 28px;border-left:1px solid var(--border-solid)}.settings-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 18px;border-bottom:1px solid var(--border-solid);flex-shrink:0}.drawer-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text)}.drawer-body{overflow-y:auto;flex:1;padding:20px 24px 40px;display:flex;flex-direction:column;gap:28px}.drawer-footer-mobile{display:none}.drawer-section{display:flex;flex-direction:column}.drawer-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-subtle);font-weight:700;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-solid)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:24px;animation:fade-in .2s ease}.modal{background:var(--surface-solid);border-radius:28px;box-shadow:0 40px 80px var(--shadow-lg);width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-solid);position:sticky;top:0;background:var(--surface-solid);border-radius:28px 28px 0 0;z-index:1}.modal-body{padding:20px 24px 28px}.info-rate-table{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-solid);border-radius:12px;overflow:hidden;margin-top:12px}.info-rate-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 14px;font-size:13px;border-bottom:1px solid var(--border-solid);align-items:center}.info-rate-row:last-child{border-bottom:none}.info-rate-row.header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:color-mix(in srgb,var(--text) 4%,transparent)}.info-rate-row span:nth-child(2),.info-rate-row span:nth-child(3){text-align:right;white-space:nowrap}.location-box{background:var(--surface-alt);border-radius:14px;padding:12px 14px;color:var(--text-muted);font-size:14px;margin-bottom:14px}.input-grid{display:grid;gap:12px}.input-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field{margin-top:14px}.toggle-row{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--border-solid);border-radius:14px;padding:12px 14px}.toggle-title{font-size:14px;font-weight:600;color:var(--text)}.toggle-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.label-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.label-row span{color:var(--text-muted);font-size:13px}input[type=number],input[type=date],input[type=time],input[type=text],input[type=password]{width:100%;border:1px solid var(--border-solid);border-radius:12px;padding:9px 12px;background:var(--surface-alt);color:var(--text);transition:border-color .15s}input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=text]:focus,input[type=password]:focus{outline:none;border-color:var(--text-muted);background:var(--surface-solid)}input[type=range]{width:100%;accent-color:#0f172a}html.dark input[type=range]{accent-color:#f1f5f9}.hint,.paragraph{color:var(--text-muted);font-size:13px}.error-text{color:#ef4444;font-size:13px;margin-top:8px}.status-row{color:var(--text-muted);font-size:13px;margin-top:10px}.switch{position:relative;width:52px;height:30px;display:inline-block;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-solid);border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;width:22px;height:22px;left:4px;top:4px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#0f172a}html.dark .switch input:checked+.slider{background:#f1f5f9}html.dark .switch input:checked+.slider:before{background:#0f172a}.switch input:checked+.slider:before{transform:translate(22px)}.array-block{border:1px solid var(--border-solid);border-radius:18px;padding:16px;margin-bottom:12px;background:var(--surface-alt)}.array-block:last-of-type{margin-bottom:0}.array-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.array-block-label{font-weight:700;font-size:14px;color:var(--text)}.array-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#dbeafe;color:#1d4ed8;padding:3px 8px;border-radius:999px}html.dark .array-badge{background:#1e3a5f;color:#60a5fa}.metric-grid{display:grid;gap:16px}.metric-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:flex;gap:14px;align-items:center;padding-top:22px}.icon-box{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;flex-shrink:0}.icon-box.amber{background:#fef3c7;color:#d97706}.icon-box.orange{background:#fed7aa;color:#ea580c}.icon-box.green{background:#dcfce7;color:#16a34a}.icon-box.blue{background:#dbeafe;color:#2563eb}.icon-box.emerald{background:#d1fae5;color:#059669}.icon-box.teal{background:#ccfbf1;color:#0d9488}.icon-box.lime{background:#ecfccb;color:#65a30d}.icon-box.yellow{background:#fef9c3;color:#ca8a04}html.dark .icon-box.amber{background:#451a03;color:#fbbf24}html.dark .icon-box.orange{background:#431407;color:#fb923c}html.dark .icon-box.green{background:#052e16;color:#4ade80}html.dark .icon-box.blue{background:#1e3a5f;color:#60a5fa}html.dark .icon-box.emerald{background:#022c22;color:#34d399}html.dark .icon-box.teal{background:#042f2e;color:#2dd4bf}html.dark .icon-box.lime{background:#1a2e05;color:#a3e635}html.dark .icon-box.yellow{background:#422006;color:#fde047}.metric-label{font-size:13px;color:var(--text-muted)}.metric-value{font-size:1.6rem;font-weight:700;line-height:1.2;color:var(--text)}.metric-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.two-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.stat-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-solid);font-size:14px}.stat-row:last-child{border-bottom:0}.stat-row span{color:var(--text-muted)}.stat-row strong{color:var(--text)}.chart-wrap{width:100%}.chart-wrap.tall{height:360px}.chart-wrap.medium{height:280px}.chart-wrap.medium-large{height:320px}.stat-box{border:1px solid var(--border-solid);border-radius:16px;padding:14px;background:var(--surface-alt)}.stat-box-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.stat-box-value{font-size:1.7rem;font-weight:700;color:var(--text)}.stat-box-value-sm{font-size:1.1rem;font-weight:700;color:var(--text)}.stat-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.batt-fill-bar-wrap{display:flex;align-items:center;gap:10px;margin-bottom:10px}.batt-fill-bar-track{flex:1;height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 12%,transparent);overflow:hidden}.batt-fill-bar-fill{height:100%;border-radius:99px;transition:width .4s ease}.batt-fill-bar-label{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.batt-live-status{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:12px;margin-bottom:12px;border:1.5px solid;background:color-mix(in srgb,currentColor 6%,transparent);gap:12px}.batt-live-status-left{display:flex;align-items:center;gap:12px}.batt-live-icon{font-size:22px;font-weight:700;width:28px;text-align:center;animation:batt-pulse 1.2s ease-in-out infinite}@keyframes batt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.batt-live-label{font-size:13px;font-weight:600;color:var(--text)}.batt-live-hint{font-size:11px;color:var(--text-muted);margin-top:2px}.batt-live-watts{font-size:22px;font-weight:700;white-space:nowrap}.batt-live-soc{font-size:13px;font-weight:400;color:var(--text-muted)}.ha-status-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;border:1px solid var(--border-solid);background:color-mix(in srgb,var(--text) 5%,transparent)}.ha-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ha-status-disconnected .ha-status-dot{background:var(--text-muted)}.ha-status-connecting .ha-status-dot{background:#f59e0b;animation:pulse 1s infinite}.ha-status-connected .ha-status-dot{background:#22c55e}.ha-status-error .ha-status-dot{background:#ef4444}.ha-status-paused .ha-status-dot{background:#f59e0b}.ha-status-connected{border-color:color-mix(in srgb,#22c55e 40%,transparent);background:color-mix(in srgb,#22c55e 8%,transparent)}.ha-status-error{border-color:color-mix(in srgb,#ef4444 40%,transparent);background:color-mix(in srgb,#ef4444 8%,transparent)}.ha-status-paused{border-color:color-mix(in srgb,#f59e0b 40%,transparent);background:color-mix(in srgb,#f59e0b 8%,transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.battery-overflow-warning{display:flex;align-items:flex-start;gap:10px;background:color-mix(in srgb,#f59e0b 12%,transparent);border:1px solid color-mix(in srgb,#f59e0b 40%,transparent);border-radius:10px;padding:10px 14px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--text)}.battery-overflow-icon{font-size:16px;flex-shrink:0;margin-top:1px}.status-panel{border:1px solid var(--border-solid);border-radius:14px;padding:8px 14px}.compass-ring{position:relative;margin:20px auto;width:160px;height:160px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:8px solid var(--border-solid);background:var(--surface-solid);box-shadow:inset 0 4px 20px var(--shadow)}.compass-label{position:absolute;font-size:12px;font-weight:700;color:var(--text-muted)}.compass-label.top{top:8px;left:50%;transform:translate(-50%)}.compass-label.bottom{bottom:8px;left:50%;transform:translate(-50%)}.compass-label.left{left:8px;top:50%;transform:translateY(-50%)}.compass-label.right{right:8px;top:50%;transform:translateY(-50%)}.compass-needle{position:absolute;width:4px;height:56px;border-radius:999px;background:var(--text);transform-origin:bottom center}.compass-center{z-index:1;border-radius:999px;background:var(--text);color:var(--surface-solid);padding:6px 10px;font-size:14px;font-weight:700}.button-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:16px}.spin{animation:spin 1s linear infinite;display:inline-block;vertical-align:-2px;margin-right:6px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.metric-grid.four-col,.stat-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.two-panel-grid{grid-template-columns:1fr}.hero-row{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.app-shell{padding:16px}.metric-grid.four-col,.input-grid.two-col,.stat-grid-4{grid-template-columns:1fr}.metric-value{font-size:1.35rem}.settings-drawer{width:100%;border-radius:28px 28px 0 0;top:auto;bottom:0;height:90vh;transform:translateY(100%);border-left:none;border-top:1px solid var(--border-solid)}.settings-drawer.open{transform:translateY(0)}.button-grid{grid-template-columns:1fr}.drawer-footer-mobile{display:block;flex-shrink:0;padding:12px 24px 24px;border-top:1px solid var(--border-solid)}}.app-back-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;background:transparent;border:1px solid var(--border-solid);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.app-back-btn:hover{background:var(--surface);color:var(--text);border-color:var(--text-subtle)}.lp-root{min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text)}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;transition:background .25s,box-shadow .25s,backdrop-filter .25s}.lp-nav-scrolled{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--border-solid)}.lp-nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.lp-logo{display:flex;align-items:center;gap:8px}.lp-logo-sun{font-size:22px;line-height:1}.lp-logo-text{font-size:17px;letter-spacing:-.3px;color:var(--text)}.lp-logo-text strong{font-weight:700}.lp-hero{position:relative;padding:140px 24px 100px;overflow:hidden}.lp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lp-hero-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35}.lp-orb-1{width:560px;height:560px;background:radial-gradient(circle,#fbbf24,transparent 70%);top:-140px;left:-120px}.lp-orb-2{width:400px;height:400px;background:radial-gradient(circle,#6366f1,transparent 70%);top:60px;right:-60px}.lp-orb-3{width:300px;height:300px;background:radial-gradient(circle,#22c55e,transparent 70%);bottom:-60px;left:40%}.lp-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative}.lp-hero-text{display:flex;flex-direction:column;gap:0}.lp-hero-badge{display:inline-flex;align-items:center;gap:7px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;width:fit-content;margin-bottom:22px}html.dark .lp-hero-badge{color:#4ade80;background:#22c55e14}.lp-h1{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:800;line-height:1.04;letter-spacing:-1.5px;margin:0 0 22px}.lp-h1-accent{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-hero-sub{font-size:1.1rem;line-height:1.6;color:var(--text-muted);max-width:500px;margin:0 0 32px}.lp-hero-btns{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:28px}.lp-hero-chips{display:flex;gap:8px;flex-wrap:wrap}.lp-chip{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:500;border:1px solid var(--border-solid);background:var(--surface);color:var(--text-muted)}.lp-chip-ha{border-color:#6366f14d;background:#6366f112;color:#6366f1}.lp-chip-io{border-color:#0ea5e94d;background:#0ea5e912;color:#0ea5e9}.lp-chip-batt{border-color:#22c55e4d;background:#22c55e12;color:#16a34a}html.dark .lp-chip-ha{color:#818cf8}html.dark .lp-chip-io{color:#38bdf8}html.dark .lp-chip-batt{color:#4ade80}.lp-hero-visual{display:flex;justify-content:center;align-items:center}.lp-dashboard-mock{width:100%;max-width:420px;background:var(--surface-solid);border:1px solid var(--border-solid);border-radius:16px;box-shadow:0 24px 60px var(--shadow-lg);overflow:hidden;animation:lp-float 4s ease-in-out infinite}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-mock-header{display:flex;align-items:center;gap:6px;padding:12px 16px;background:var(--surface-alt);border-bottom:1px solid var(--border-solid)}.lp-mock-dot{width:11px;height:11px;border-radius:50%}.lp-mock-title{flex:1;font-size:12px;font-weight:600;color:var(--text-muted);margin-left:6px}.lp-mock-live{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#16a34a}html.dark .lp-mock-live{color:#4ade80}.lp-mock-body{padding:16px;display:flex;flex-direction:column;gap:12px}.lp-mock-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-mock-metric{background:var(--surface-alt);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.lp-mock-metric-val{font-size:15px;font-weight:700;line-height:1.2}.lp-mock-metric-lbl{font-size:10px;color:var(--text-muted)}.lp-sparkline{width:100%;height:60px}.lp-mock-bar-row{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted)}.lp-mock-bar-lbl{width:50px;flex-shrink:0}.lp-mock-bar-track{flex:1;height:8px;background:var(--surface-alt);border-radius:999px;overflow:hidden}.lp-mock-bar-fill{width:72%;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;animation:lp-bar-pulse 2.8s ease-in-out infinite}@keyframes lp-bar-pulse{0%,to{opacity:1}50%{opacity:.7}}.lp-mock-bar-pct{font-weight:700;color:#16a34a;font-size:12px}@keyframes lp-val-flash{0%{opacity:1;transform:scale(1)}20%{opacity:.55;transform:scale(.94)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.lp-mock-val-flash{animation:lp-val-flash .32s ease-out forwards;display:inline-block}.lp-cta-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:none;cursor:pointer;border-radius:999px;transition:all .18s;background:#0f172a;color:#fff;letter-spacing:-.2px;box-shadow:0 8px 24px #0f172a40}html.dark .lp-cta-btn{background:#f1f5f9;color:#0f172a}.lp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0f172a59}.lp-cta-btn:active{transform:translateY(0)}.lp-cta-sm{padding:9px 18px;font-size:13.5px}.lp-cta-lg{padding:14px 28px;font-size:16px}.lp-cta-xl{padding:18px 40px;font-size:18px}.lp-ghost-btn{display:inline-flex;align-items:center;padding:14px 20px;font-size:15px;font-weight:600;color:var(--text-muted);text-decoration:none;border-radius:999px;border:1px solid var(--border-solid);transition:all .18s}.lp-ghost-btn:hover{color:var(--text);border-color:var(--text-subtle);background:var(--surface)}.lp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.lp-dot-green{background:#22c55e;box-shadow:0 0 0 3px #22c55e40;animation:lp-pulse-dot 2s ease-in-out infinite}@keyframes lp-pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e40}50%{box-shadow:0 0 0 6px #22c55e1a}}.lp-container{max-width:1200px;margin:0 auto;padding:0 24px}.lp-stats{padding:48px 24px;border-top:1px solid var(--border-solid);border-bottom:1px solid var(--border-solid);background:var(--surface-alt)}.lp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:center}.lp-stat-num{font-size:2.8rem;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.lp-stat-lbl{font-size:14px;color:var(--text-muted);margin-top:4px;font-weight:500}.lp-section{padding:96px 24px}.lp-section-alt{background:var(--surface-alt)}.lp-section-header{text-align:center;margin-bottom:56px}.lp-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#f59e0b;margin-bottom:12px}.lp-h2{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-1px;margin:0 0 16px;line-height:1.1}.lp-section-sub{font-size:1.05rem;color:var(--text-muted);max-width:520px;margin:0 auto;line-height:1.65}.lp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lp-feature-card{background:var(--surface);border:1px solid var(--border-solid);border-radius:18px;padding:28px 24px;transition:transform .2s,box-shadow .2s}.lp-feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px var(--shadow-lg)}.lp-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.lp-feature-title{font-size:16px;font-weight:700;margin:0 0 8px}.lp-feature-desc{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.lp-integrations{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.lp-integration-card{display:flex;gap:20px;align-items:flex-start;background:var(--surface);border:1px solid var(--border-solid);border-radius:18px;padding:28px 24px;transition:transform .2s,box-shadow .2s}.lp-integration-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--shadow-lg)}.lp-integ-ha{border-color:#6366f140}.lp-integ-io{border-color:#0ea5e940}.lp-integ-logo{font-size:36px;line-height:1;flex-shrink:0;margin-top:2px}.lp-integ-name{font-size:18px;font-weight:700;margin-bottom:6px}.lp-integ-desc{font-size:13.5px;color:var(--text-muted);line-height:1.5;margin-bottom:12px}.lp-integ-tags{display:flex;gap:6px;flex-wrap:wrap}.lp-integ-tag{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border-solid)}.lp-integ-hint{text-align:center;font-size:13.5px;color:var(--text-muted);margin-top:16px;font-style:italic}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.lp-step{text-align:center;position:relative}.lp-step-num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:18px;font-weight:800;margin-bottom:20px;box-shadow:0 8px 20px #f59e0b4d}.lp-step-connector{position:absolute;top:28px;left:calc(50% + 30px);width:calc(100% - 60px);height:2px;background:linear-gradient(90deg,#f59e0b40,#ef444440);border-radius:2px}.lp-step-title{font-size:16px;font-weight:700;margin:0 0 10px}.lp-step-desc{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.lp-cta-section{padding:100px 24px;position:relative;overflow:hidden;background:#0f172a;text-align:center}html.dark .lp-cta-section{background:#020617}.lp-cta-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lp-cta-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.25),transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);animation:lp-orb-rotate 8s ease-in-out infinite alternate}@keyframes lp-orb-rotate{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.3)}}.lp-cta-inner{position:relative}.lp-cta-badge{display:inline-block;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700;margin-bottom:24px}.lp-cta-h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-1.5px;margin:0 0 16px;color:#fff}.lp-cta-sub{font-size:1.05rem;color:#ffffff8c;margin:0 0 40px;line-height:1.6}.lp-cta-xl{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;color:#fff!important;box-shadow:0 12px 40px #f59e0b66!important}html.dark .lp-cta-xl{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;color:#fff!important}.lp-cta-xl:hover{transform:translateY(-3px)!important;box-shadow:0 20px 50px #f59e0b80!important}.lp-footer{padding:28px 24px;background:#0f172a;border-top:1px solid rgba(255,255,255,.07)}html.dark .lp-footer{background:#020617}.lp-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.lp-footer .lp-logo-text{color:#ffffffb3}.lp-footer .lp-logo-text strong{color:#fff}.lp-footer-copy{font-size:13px;color:#fff6;margin:0}.lp-footer-copy a{color:#ffffff8c;text-decoration:underline}.lp-footer-copy a:hover{color:#fff}@media (max-width: 880px){.lp-hero-inner{grid-template-columns:1fr}.lp-hero-visual{display:none}.lp-features-grid{grid-template-columns:repeat(2,1fr)}.lp-integrations{grid-template-columns:1fr}.lp-steps{grid-template-columns:repeat(3,1fr)}.lp-steps{grid-template-columns:1fr;gap:32px}.lp-step-connector{display:none}.lp-step{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.lp-step-num{margin-bottom:12px}}@media (max-width: 640px){.lp-hero{padding:100px 0 64px}.lp-features-grid{grid-template-columns:1fr}.lp-stats-grid{grid-template-columns:1fr;gap:20px}.lp-h1{font-size:2.4rem}.lp-section{padding:64px 0}.lp-hero-btns{flex-direction:column;align-items:flex-start}.lp-ghost-btn{align-self:flex-start}}