:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--pf-primary:#1f7a6d;--pf-primary-rgb:31, 122, 109;--pf-primary-container:#d5efe6;--pf-on-primary-container:#00201a;--pf-secondary:#4a635d;--pf-secondary-container:#cce8e0;--pf-background:#f6f7f4;--pf-surface:#fff;--pf-surface-variant:#dde5e2;--pf-outline:#727976;--pf-error:#ba1a1a;--pf-success:#2e6b34;--pf-warning:#b35318}.pf-container{box-sizing:border-box;color:#17201e;width:100%;max-width:1000px;margin:0 auto;padding:16px;font-family:inherit}.pf-appbar{background-color:var(--pf-surface);border:1px solid var(--pf-surface-variant);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000d}.pf-appbar-title{color:var(--pf-primary);align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.pf-mode-toggle{background-color:var(--pf-background);border:1px solid var(--pf-surface-variant);border-radius:999px;padding:4px;display:flex}.pf-mode-btn{cursor:pointer;color:var(--pf-outline);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pf-mode-btn.active{background-color:var(--pf-primary-container);color:var(--pf-on-primary-container);box-shadow:0 2px 6px #0000000f}.pf-card{background-color:var(--pf-surface);border:1px solid var(--pf-surface-variant);border-radius:12px;margin-bottom:16px;padding:20px;transition:box-shadow .2s,transform .2s}.pf-card-interactive:hover{border-color:rgba(var(--pf-primary-rgb), .4);transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.pf-card-title{color:var(--pf-primary);align-items:center;gap:6px;margin-bottom:12px;font-size:16px;font-weight:800;display:flex}.pf-customer-hero{background:linear-gradient(135deg, var(--pf-primary) 0%, #115349 100%);color:#fff;border-radius:16px;margin-bottom:24px;padding:24px;position:relative;overflow:hidden;box-shadow:0 4px 12px #1f7a6d33}.pf-customer-hero-title{margin-bottom:8px;font-size:22px;font-weight:900}.pf-customer-hero-desc{opacity:.9;margin-bottom:18px;font-size:14px;line-height:1.5}.pf-hero-btn{color:var(--pf-primary);cursor:pointer;background-color:#fff;border:none;border-radius:20px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 10px #0000001a}.pf-hero-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000026}.pf-badge{color:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.pf-grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.pf-grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.pf-form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.pf-form-label{color:var(--pf-secondary);font-size:13px;font-weight:700}.pf-input,.pf-textarea,.pf-select{border:1px solid var(--pf-outline);background-color:var(--pf-surface);color:inherit;box-sizing:border-box;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.pf-input:focus,.pf-textarea:focus,.pf-select:focus{border-color:var(--pf-primary);border-width:1.5px;outline:none}.pf-choice-grid{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.pf-choice-chip{border:1px solid var(--pf-outline);cursor:pointer;color:var(--pf-outline);background:0 0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.pf-choice-chip.active{background-color:var(--pf-primary-container);border-color:var(--pf-primary);color:var(--pf-on-primary-container)}.pf-quote-preview{color:#fff;background-color:#173b37;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:24px;padding:20px}.pf-quote-preview-val{color:#fff;margin:8px 0;font-size:28px;font-weight:900}.pf-quote-spec-line{border-bottom:1px dashed #ffffff1a;justify-content:space-between;padding:8px 0;font-size:12.5px;display:flex}.pf-quote-spec-line:last-child{border-bottom:none}.pf-timeline{flex-direction:column;margin-left:8px;padding-left:28px;display:flex;position:relative}.pf-timeline:before{content:"";background-color:var(--pf-surface-variant);z-index:1;width:2px;position:absolute;top:8px;bottom:8px;left:3px}.pf-timeline-item{padding-bottom:24px;position:relative}.pf-timeline-item:last-child{padding-bottom:0}.pf-timeline-node{background-color:var(--pf-surface-variant);border:2px solid var(--pf-surface);z-index:2;width:8px;height:8px;box-shadow:0 0 0 2px var(--pf-surface-variant);border-radius:50%;transition:all .25s;position:absolute;top:4px;left:-28px}.pf-timeline-item.active .pf-timeline-node{background-color:var(--pf-primary);box-shadow:0 0 0 4px var(--pf-primary-container)}.pf-timeline-content{font-size:13.5px}.pf-timeline-title{color:var(--pf-secondary);font-weight:800}.pf-timeline-item.active .pf-timeline-title{color:var(--pf-primary)}.pf-timeline-desc{color:var(--pf-outline);margin-top:4px;font-size:12px}.pf-device-card{position:relative;overflow:hidden}.pf-device-indicator{width:4px;height:100%;position:absolute;top:0;left:0}.pf-temp-bars{gap:12px;margin-top:14px;display:flex}.pf-temp-gauge{background-color:var(--pf-background);border:1px solid var(--pf-surface-variant);text-align:center;border-radius:8px;flex:1;padding:8px}.pf-temp-gauge-title{color:var(--pf-outline);margin-bottom:4px;font-size:10.5px;font-weight:700}.pf-temp-gauge-val{color:var(--pf-primary);font-size:14px;font-weight:900}@keyframes print-pulse{0%{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.08)}to{opacity:.8;transform:scaleY(1)}}.pf-printing-active-job{background-color:#1f7a6d08;border:1px solid #1f7a6d33;border-radius:8px;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 12px;display:flex}.pf-printing-indicator-dot{background-color:var(--pf-primary);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite print-pulse}.pf-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.pf-btn-primary{background-color:var(--pf-primary);color:#fff}.pf-btn-primary:hover{background-color:#165b51}.pf-btn-primary:disabled{background-color:var(--pf-surface-variant);color:var(--pf-outline);cursor:not-allowed;box-shadow:none}.pf-btn-outline{border:1px solid var(--pf-outline);color:var(--pf-outline);background-color:#0000}.pf-btn-outline:hover{color:var(--pf-primary);border-color:var(--pf-primary);background-color:#00000005}.pf-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#17201e80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pf-modal-content{background:var(--pf-surface);border:1px solid var(--pf-surface-variant);border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 20px 40px #00000026}.pf-modal-header{color:var(--pf-primary);margin-bottom:16px;font-size:18px;font-weight:900}.pf-dropzone{border:2px dashed var(--pf-outline);text-align:center;background-color:var(--pf-background);color:var(--pf-outline);cursor:pointer;border-radius:8px;padding:24px;font-size:13px;font-weight:600;transition:all .2s}.pf-dropzone:hover{border-color:var(--pf-primary);color:var(--pf-primary);background-color:#1f7a6d05}.pf-nav-tabs{border-bottom:1px solid var(--pf-surface-variant);gap:16px;margin-bottom:20px;display:flex}.pf-nav-tab{color:var(--pf-outline);cursor:pointer;background:0 0;border:none;padding:8px 4px 12px;font-size:14px;font-weight:700;position:relative}.pf-nav-tab.active{color:var(--pf-primary)}.pf-nav-tab.active:after{content:"";background-color:var(--pf-primary);border-radius:99px;height:2.5px;position:absolute;bottom:-1px;left:0;right:0}