:root{--ink:#0d1b14;--ink-soft:#4b5f54;--ink-faint:#8a9a91;--green:#0e9a4f;--green-deep:#08703a;--green-soft:#d9f4e1;--green-bright:#2bd47e;--amber:#e08a00;--red:#d6361f;--paper:#fffefb;--paper-alt:#f3f7f1;--panel:#eef3ec;--border:#0d1b141c;--border-strong:#0d1b142e;--black-cta:#10211a;--black-cta-hover:#1d3528;--font-display:var(--font-sora), "Space Grotesk", "Inter", sans-serif;--font:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--r-sm:9px;--r-md:14px;--r-lg:22px;--r-xl:30px;--wrap:1120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}section{position:relative}.kicker{font-family:var(--font-mono);letter-spacing:.4px;text-transform:uppercase;color:var(--green-deep);background:var(--green-soft);border-radius:7px;align-items:center;gap:7px;margin-bottom:20px;padding:6px 13px 6px 11px;font-size:11px;font-weight:700;display:inline-flex}.kicker .pip{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.5px;font-weight:600}.btn{appearance:none;cursor:pointer;font-family:var(--font);border-radius:var(--r-md);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--black-cta);color:#fff;box-shadow:0 10px 24px -10px #0d1b1473}.btn-primary:hover{background:var(--black-cta-hover);transform:translateY(-2px)}.btn-secondary{background:var(--paper);color:var(--ink);border:1.5px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--green);color:var(--green-deep)}.btn-block{width:100%}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.nav{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffefbd9;position:sticky;top:0}.nav .wrap{justify-content:space-between;align-items:center;height:66px;display:flex}.brand{font-family:var(--font-display);align-items:center;font-size:24px;font-weight:700;display:flex}.brand .dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.brand .accent{color:var(--green)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--ink-soft);font-size:13.5px;font-weight:600;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:14px;display:flex}.nav-portal{color:var(--ink-soft);font-size:13.5px;font-weight:600;text-decoration:none}.nav-portal:hover{color:var(--ink)}.hero{background-color:var(--paper-alt);border-bottom:1px solid var(--border);background-image:radial-gradient(circle,#0d1b1412 1px,#0000 1px);background-size:24px 24px;padding:76px 0 64px}.hero .wrap{grid-template-columns:1fr 440px;align-items:center;gap:50px;display:grid}.hero h1{margin-bottom:18px;font-size:44px;line-height:1.1}.hero h1 em{color:var(--green-deep);font-style:normal}.hero p.lead{color:var(--ink-soft);max-width:460px;margin-bottom:28px;font-size:16px}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.hero-trust{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hero-trust-item{color:var(--ink-faint);align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.hero-trust-item svg{width:14px;height:14px;color:var(--green-deep);flex-shrink:0}.demo-stage{position:relative}.demo-stage:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#0e9a4f33 0%,#0000 68%);width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.demo-card{z-index:1;background:var(--paper);border-radius:var(--r-xl);border:1px solid #0d1b140f;padding:22px 24px;position:relative;box-shadow:0 40px 80px -30px #0d2b1c4d,0 4px 14px #0d2b1c0f}.demo-topbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.demo-brand{font-family:var(--font-display);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.demo-brand .dot{background:var(--green);border-radius:50%;width:7px;height:7px}.demo-tag{letter-spacing:.6px;text-transform:uppercase;color:var(--green-deep);background:var(--green-soft);border-radius:5px;padding:3px 9px;font-size:9.5px;font-weight:700}.demo-device-row{border-bottom:1px solid var(--border);align-items:center;gap:14px;min-height:54px;margin-bottom:16px;padding-bottom:16px;display:flex}.demo-device-icon{background:var(--green-deep);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background .3s;display:flex}.demo-device-icon svg{width:22px;height:22px}.demo-device-meta{flex:1;min-width:0}.demo-device-badge{letter-spacing:.5px;text-transform:uppercase;color:var(--green-deep);background:var(--green-soft);border-radius:6px;margin-bottom:2px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-block}.demo-device-name{font-family:var(--font);letter-spacing:-.2px;color:var(--ink);font-size:16px;font-weight:700;line-height:1.2}.demo-device-serial{color:var(--ink-faint);font-size:11px;font-family:var(--font-mono);margin-top:-2px;font-weight:500}.demo-status-text{color:var(--ink-soft);font-size:13.5px;font-weight:600}.demo-gauge-wrap{flex-direction:column;align-items:center;margin-bottom:16px;display:flex}.demo-gauge-svg{width:200px}.demo-gauge-readout{flex-direction:column;align-items:center;margin-top:-58px;display:flex}.demo-gauge-value{font-family:var(--font-mono);letter-spacing:-1px;color:var(--ink);font-size:36px;font-weight:700;transition:color .3s}.demo-gauge-status{letter-spacing:.6px;text-transform:uppercase;background:var(--green-soft);color:var(--green-deep);border-radius:20px;margin-top:5px;padding:4px 11px;font-size:10px;font-weight:700;transition:all .3s}.demo-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-btn{text-align:center;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;padding:12px;font-size:12.5px;font-weight:700;transition:opacity .2s;display:flex}.demo-btn svg{width:14px;height:14px}.demo-btn-read{background:var(--green);color:#fff}.demo-btn-reset{background:var(--black-cta);color:#fff}.demo-btn.is-disabled{opacity:.4;filter:grayscale(.8)}.demo-hint{text-align:center;color:var(--ink-faint);margin-top:12px;font-size:10.5px}.steps-section{padding:84px 0}.section-head{max-width:580px;margin-bottom:50px}.section-head .kicker{margin-bottom:14px}.section-head h2{margin-bottom:10px;font-size:30px}.section-head p{color:var(--ink-soft);font-size:14.5px}.steps-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.step-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 20px #0d2b1c08}.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0d2b1c0f}.step-tag{font-family:var(--font-mono);color:var(--green-deep);align-items:center;gap:8px;margin-bottom:18px;font-size:12px;font-weight:700;display:inline-flex}.step-tag:before{content:"";background:var(--ink);border-radius:50%;width:9px;height:9px;display:inline-block}.step-card h3{margin-bottom:7px;font-size:17px}.step-card p{color:var(--ink-soft);font-size:13.5px}.step-cmd{font-family:var(--font-mono);color:var(--green-deep);background:var(--green-soft);border-radius:6px;margin-top:14px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.features-section{background:var(--paper-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:84px 0}.features-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--paper);padding:26px 24px;transition:background .15s}.feature-card:hover{background:#fff}.feature-icon{background:var(--green-soft);width:36px;height:36px;color:var(--green-deep);border-radius:9px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-icon svg{width:17px;height:17px}.feature-card h3{margin-bottom:7px;font-size:15px}.feature-card p{color:var(--ink-soft);font-size:13px}.pricing-section{padding:84px 0}.pricing-slider-container{align-items:center;gap:20px;display:flex;position:relative}.pricing-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;padding-top:20px;padding-bottom:20px;display:flex;overflow-x:auto}.pricing-grid::-webkit-scrollbar{display:none}.pricing-grid>div{scroll-snap-align:center;flex:0 0 calc(33.333% - 12px);min-width:280px}.slider-btn{background:var(--paper);border:1px solid var(--border);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex;box-shadow:0 2px 10px #0000000d}.slider-btn:hover{background:var(--paper-alt);transform:scale(1.05)}.slider-btn svg{width:20px;height:20px}.price-card{border:1.5px solid var(--border);border-radius:var(--r-lg);flex-direction:column;padding:30px 26px;transition:border-color .15s,transform .15s;display:flex}.price-card:hover{transform:translateY(-3px)}.price-card.featured{border-color:var(--green);position:relative;box-shadow:0 20px 50px -24px #0e9a4f59}.price-tag{white-space:nowrap;background:var(--green);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:6px 14px;font-size:10.5px;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0e9a4f4d}.price-plan{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint);margin-bottom:10px;font-size:12.5px;font-weight:700}.price-value{font-family:var(--font-mono);letter-spacing:-1px;margin-bottom:2px;font-size:33px;font-weight:700}.price-value sup{font-size:16px;font-weight:600}.price-unit{color:var(--ink-faint);margin-bottom:14px;font-size:12.5px}.price-calc{color:var(--ink-soft);background:var(--paper-alt);border:1px solid var(--border);border-radius:6px;margin-bottom:24px;padding:6px 12px;font-size:12px;display:inline-block}.price-calc strong{color:var(--green-deep);font-weight:700}.price-list{flex:1;margin-bottom:26px;list-style:none}.price-list li{color:var(--ink-soft);align-items:flex-start;gap:9px;margin-bottom:10px;font-size:13.5px;display:flex}.price-list svg{width:15px;height:15px;color:var(--green);flex-shrink:0;margin-top:2px}.faq-section{background:var(--paper-alt);border-top:1px solid var(--border);padding:84px 0}.faq-section .wrap{flex-direction:column;align-items:center;width:100%;display:flex}.faq-section .section-head{text-align:center}.faq-list{flex-direction:column;gap:12px;width:100%;max-width:680px;display:flex}.faq-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-md);padding:0 20px;box-shadow:0 2px 8px #00000005}.faq-q{text-align:left;cursor:pointer;width:100%;font-family:var(--font);color:var(--ink);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:15px;font-weight:700;display:flex}.faq-q svg{width:18px;height:18px;color:var(--ink-faint);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-q svg{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .25s;overflow:hidden}.faq-a p{color:var(--ink-soft);max-width:620px;padding:0 0 18px;font-size:13.5px}.models-table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--r-sm);width:100%;margin-bottom:18px;overflow:hidden}.models-table th{text-align:left;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:12px 16px;font-size:10px;font-weight:700}.models-table td{border-bottom:1px solid var(--border);color:var(--ink-soft);vertical-align:middle;padding:16px;font-size:13px;line-height:1.5}.models-table tr:last-child td{border-bottom:none}.models-table tr:nth-child(2n){background:#0e9a4f08}.model-badge{font-family:var(--font-mono);color:var(--green-deep);background:var(--green-soft);border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.cta-final{text-align:center;background:var(--ink);color:#fff;background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:24px 24px;padding:88px 0}.cta-final h2{color:#fff;margin-bottom:12px;font-size:32px}.cta-final p{color:#ffffffa6;margin-bottom:30px;font-size:14.5px}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.cta-final .btn-primary{background:var(--green);box-shadow:0 10px 24px -10px #0e9a4f80}.cta-final .btn-primary:hover{background:var(--green-deep)}.cta-final .btn-secondary{color:#fff;background:0 0;border-color:#ffffff40}.cta-final .btn-secondary:hover{border-color:#fff}.trust-strip{color:#ffffff80;flex-wrap:wrap;justify-content:center;gap:22px;font-size:12px;font-weight:600;display:flex}.trust-strip span{align-items:center;gap:6px;display:flex}.trust-strip svg{width:14px;height:14px}footer{padding:34px 0}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.footer-brand{color:var(--ink-faint);font-size:13px}.footer-links{flex-wrap:wrap;gap:22px;display:flex}.footer-links a{color:var(--ink-faint);font-size:12.5px;text-decoration:none}.footer-links a:hover{color:var(--ink-soft)}@media (max-width:980px){.nav-links{display:none}.hero .wrap{grid-template-columns:1fr}.hero{text-align:center;padding:52px 0 44px}.hero p.lead{margin-left:auto;margin-right:auto}.hero-ctas,.hero-trust{justify-content:center}.demo-card{max-width:380px;margin:0 auto}.hero h1{font-size:33px}.steps-row{grid-template-columns:1fr;gap:34px}.steps-row:before{display:none}.features-grid{grid-template-columns:1fr}.pricing-grid>div{flex:0 0 85%;max-width:320px;margin:0 auto}.slider-btn{display:none}.cta-row{flex-direction:column;align-items:stretch}.compat-row{flex-direction:column;align-items:flex-start;gap:10px}}
