:root{--ink:#17291f;--muted:#626e61;--bg:#f7f8f1;--paper:#fff;--green:#b7ef84;--line:#dfe4d8;--dark:#18372b;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #52853b;outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid #8dbd6a;outline-offset:2px}img{max-width:100%;display:block}.shell{width:min(1224px,calc(100% - 96px));margin:0 auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{font-size:22px;letter-spacing:-1px}.brand strong span{font-weight:400;margin-left:3px}.nav nav{display:flex;gap:32px;font-size:13px;font-weight:500}.nav nav a:hover,.footer a:hover{color:#598339}.nav-actions{display:flex;align-items:center;gap:24px}.text-button{background:none;border:0;color:inherit;padding:0;font-weight:600;font-size:13px}.button{border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:#fff;min-height:52px;padding:13px 23px;font-size:14px;font-weight:600;display:inline-flex;gap:32px;align-items:center;justify-content:center;transition:transform .2s,background .2s}.button:hover{background:#294736;transform:translateY(-2px)}.button.small{padding:10px 17px;min-height:42px;font-size:12px;gap:22px}.button.light{background:var(--green);color:var(--ink);border-color:var(--green)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#edf1e5}.button.wide{width:100%;justify-content:space-between}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:45px;align-items:center;padding-top:65px;padding-bottom:91px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.9px;margin:0 0 24px;display:flex;align-items:center;gap:8px}.status-dot,.mini-dot{width:7px;height:7px;display:inline-block;flex-shrink:0;border-radius:50%;background:#74ac4c}.hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.08;font-weight:550;letter-spacing:-3px;margin:0 0 26px}.highlight{position:relative;display:inline-block;z-index:0}.highlight:after{content:"";position:absolute;bottom:2px;left:-3px;right:-5px;height:15px;background:var(--green);z-index:-1;transform:rotate(-1deg)}.lead{font-size:15px;line-height:1.8;color:var(--muted);max-width:410px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.subtle-link{font-size:13px;font-weight:600;display:inline-flex;gap:20px;align-items:center}.hero-notes{display:flex;flex-wrap:wrap;gap:17px;color:var(--muted);font-size:10px;margin-top:23px}.hero-visual{position:relative;background:#e9eee0;border:1px solid #dfe6d4;border-radius:22px;padding:22px 22px 14px;transform:rotate(1deg);box-shadow:0 28px 60px -40px #294a3044}.visual-top,.visual-foot{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#69765f;margin-bottom:15px;gap:8px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.5px}.preview-tag{border:1px solid #c8d2bd;border-radius:20px;padding:3px 7px;font-size:7px;letter-spacing:.6px}.monitor{border:6px solid #273e32;border-radius:13px;background:#273e32;box-shadow:0 15px 35px #20341e1c;overflow:hidden}.monitor-bar{height:40px;color:#e4ecdd;display:flex;align-items:center;gap:8px;font-size:10px;padding:0 10px}.tiny-logo{color:var(--green);font-size:18px}.monitor-time{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;color:#a5b29f}.mini-dot{width:5px;height:5px;background:#c0e984}.camera-scene{position:relative;overflow:hidden;border-radius:5px}.camera-scene>img{width:100%;aspect-ratio:1.53;object-fit:cover}.camera-label{position:absolute;left:10px;top:11px;background:#17342bc4;color:white;border-radius:5px;font-size:9px;padding:6px 9px;display:flex;align-items:center;gap:6px}.camera-label>span:last-child{font-size:6px;color:#c8d7c6;margin-left:12px}.camera-timestamp{position:absolute;left:10px;bottom:10px;color:white;font-size:8px;text-shadow:0 1px 4px #19372b}.monitor-bottom{height:36px;display:flex;align-items:center;justify-content:space-around;color:#c2d2bc;font-size:7px;gap:5px}.floating-note{position:relative;margin-top:-34px;margin-left:-49px;max-width:315px;z-index:2;padding:15px 18px;display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #14322017;transform:rotate(-1deg)}.check-mark{width:30px;height:30px;border-radius:50%;background:#e4f3d6;display:grid;place-items:center;font-weight:700;color:#578039}.floating-note strong{font-size:10px;display:block}.floating-note div>span{display:block;font-size:9px;color:var(--muted)}.visual-foot{margin:18px 0 0}.visual-foot .mono{font-size:7px}.benefit-strip{border-block:1px solid var(--line);background:#f0f3e9}.benefit-inner{display:flex;justify-content:space-between;gap:24px;padding-block:24px;font-size:11px;font-weight:500}.benefit-inner span:before{content:'✳';margin-right:14px;font-size:15px;color:#718666}.section{padding-top:94px;padding-bottom:94px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:40px}.section-heading h2,.feature-intro h2,.faq-section h2,.final-cta h2{font-weight:500;letter-spacing:-1.8px;line-height:1.18;font-size:42px;margin:0}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.steps article{padding:28px 30px 30px;position:relative}.steps article+article{border-left:1px solid var(--line)}.step-number{position:absolute;right:25px;top:22px;font-family:ui-monospace,monospace;color:#9fa995;font-size:10px}.step-icon{width:44px;height:44px;display:grid;place-items:center;background:#edf3e5;border-radius:10px;font-size:24px;margin-bottom:32px}.steps h3{font-size:18px;font-weight:550;letter-spacing:-.5px;margin:0 0 13px}.steps p{font-size:12px;color:var(--muted);line-height:1.85;min-height:70px}.step-detail{font-size:10px;color:#627852;display:block;margin-top:21px}.feature-section{background:#eaf0e3;padding-block:75px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.feature-intro .eyebrow{margin-bottom:18px}.feature-intro h2 span{color:#6b8a53}.feature-intro>p{font-size:13px;color:var(--muted);max-width:350px;line-height:1.9;margin:25px 0}.feature-list article{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid #d4deca}.feature-list article:first-child{padding-top:0}.feature-list article>span{font-size:22px;min-width:32px;color:#527645}.feature-list h3{font-size:16px;font-weight:550;margin:0 0 8px;letter-spacing:-.3px}.feature-list p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.centered{display:block;text-align:center}.centered .eyebrow{justify-content:center}.centered>p{margin-top:16px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.plan-card{position:relative;padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;flex-direction:column}.plan-card.featured{background:#213d2d;border-color:#213d2d;color:white}.plan-badge{font-size:8px;letter-spacing:1px;color:var(--green);font-weight:700;position:absolute;right:24px;top:30px}.plan-card h3{font-weight:550;font-size:18px;letter-spacing:-.4px;margin:0 0 9px}.plan-card .plan-description{font-size:11px;color:var(--muted);min-height:35px;margin:0 0 26px}.plan-card.featured .plan-description{color:#b9c7b1}.price{font-size:46px;line-height:1.3;letter-spacing:-2px;font-weight:500}.price>span{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400}.featured .price>span{color:#b9c7b1}.camera-count{font-size:12px;margin:6px 0 26px}.plan-card ul{list-style:none;padding:24px 0 12px;margin:0;border-top:1px solid var(--line);font-size:11px;line-height:2.5;flex:1}.featured ul{border-color:#45603d}.plan-card li:before{content:'✓';color:#64834e;margin-right:10px}.featured li:before{color:var(--green)}.plan-card .button{margin-top:14px;min-height:44px;font-size:11px}.plan-card.featured .button{color:#17291f;background:var(--green);border-color:var(--green)}.plan-card:not(.featured) .button{background:white;color:var(--ink);border-color:var(--line)}.pricing-note{text-align:center;color:var(--muted);font-size:10px;margin:24px 0 0}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:90px;border-top:1px solid var(--line)}.faq-section .eyebrow{margin-bottom:18px}.faq-section .muted{font-size:12px;margin-top:25px}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs details:first-child{padding-top:0}.faqs summary{font-size:14px;font-weight:550;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px}.faqs summary:after{content:'+';font-size:20px;line-height:1}.faqs details[open] summary:after{content:'−'}.faqs p{font-size:12px;color:var(--muted);line-height:1.9;padding-right:20px}.final-cta{background:var(--dark);border-radius:20px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white;margin-bottom:65px}.final-cta .eyebrow{color:#b6d39e;margin-bottom:18px}.final-cta h2{font-size:40px}.final-cta .button{flex-shrink:0}.footer{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:26px}.footer .brand strong{font-size:18px}.footer>p{font-size:11px;color:var(--muted);margin-left:18px}.footer>div{display:flex;gap:24px;margin-left:auto;font-size:11px}.footer small{width:100%;font-size:9px;color:#8c9688;border-top:1px solid var(--line);padding-top:21px;margin-top:8px}.modal{border:1px solid var(--line);border-radius:20px;width:min(455px,calc(100% - 30px));padding:34px;box-shadow:0 30px 120px #132f2340;color:var(--ink);background:#fff;max-height:92dvh;overflow:auto}.modal::backdrop{background:#142a2bd0;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#7a8875;font-size:27px;padding:0 7px}.modal-brand{margin-bottom:25px}.modal .eyebrow{font-size:8px;margin-bottom:10px}.modal h2{font-size:28px;letter-spacing:-1px;line-height:1.2;font-weight:550;margin:0 0 12px}.muted{color:var(--muted)}.modal>.muted{font-size:12px;margin-bottom:23px}label{display:block;font-size:11px;font-weight:600;margin:16px 0 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:var(--ink);background:#fcfdf9;margin-top:6px;font-size:13px;min-height:44px}input::placeholder,textarea::placeholder{color:#9ba395;font-size:12px}.check-label{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-weight:400;line-height:1.7}.check-label input{accent-color:#366a32;margin-top:3px}.check-label a{text-decoration:underline}.error{color:#a44232;font-size:12px;line-height:1.7;margin:15px 0}.error:empty{display:none}.auth-switch{text-align:center;font-size:11px;color:var(--muted);margin:22px 0 0}.auth-switch button{color:#325f2f;font-size:11px}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:100;background:var(--dark);color:#fff;padding:13px 23px;border-radius:10px;font-size:12px;box-shadow:0 8px 30px #142f2529;max-width:calc(100% - 30px)}[hidden]{display:none!important}.dashboard-body{background:#f4f6ee}.dashboard-nav{border-bottom:1px solid var(--line);background:#fff}.dashboard-nav .nav{height:80px}.dashboard-shell{width:min(1120px,calc(100% - 60px));margin:0 auto}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:46px 0 28px}.dashboard-heading h1{font-size:34px;font-weight:500;letter-spacing:-1.6px;line-height:1.2;margin:0 0 9px}.dashboard-heading p{font-size:12px;color:var(--muted);margin:0}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:#edf1e6;color:#61794f;padding:5px 10px;font-size:9px;font-weight:600;white-space:nowrap}.badge.compatible{background:#e0f2d4;color:#426c30}.badge.needs_attention{background:#fff0df;color:#926532}.badge.checking,.badge.queued{background:#e8eef9;color:#50698b}.badge.approved{background:#e0f2d4;color:#426c30}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:25px;margin-bottom:22px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-heading h2{font-size:18px;letter-spacing:-.5px;font-weight:550;margin:0}.panel-heading p{font-size:11px;color:var(--muted);margin:4px 0}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.stat>span{font-size:10px;color:var(--muted)}.stat>strong{font-size:24px;font-weight:500;display:block;letter-spacing:-1px;margin-top:4px}.setup-notice{padding:20px 24px;border-radius:12px;background:#e8efde;display:flex;align-items:flex-start;gap:12px;margin-bottom:23px;font-size:12px}.setup-notice>span{font-size:20px}.setup-notice p{margin:3px 0 0;color:var(--muted);font-size:11px}.camera-row{padding:17px 0;border-top:1px solid var(--line)}.camera-row:first-child{border-top:0}.camera-row-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.camera-row h3{font-size:13px;margin:0 0 3px;font-weight:600}.camera-row .device-id{font-size:10px;color:var(--muted);font-family:ui-monospace,monospace}.camera-detail{color:var(--muted);font-size:11px;margin:10px 0}.row-actions{display:flex;gap:18px;margin-top:10px}.row-actions button{background:none;border:0;font-size:10px;padding:0;color:#50723f}.row-actions .danger{color:#a45e4a}.empty{padding:32px 10px;text-align:center}.empty-icon{font-size:30px;color:#879b74}.empty h3{font-weight:550;font-size:15px;margin:8px 0}.empty p{font-size:11px;color:var(--muted);max-width:300px;margin:0 auto 20px}.mini-copy{font-size:11px;color:var(--muted);line-height:1.9}.channel-connected{padding:15px;background:#eef5e7;border-radius:9px;margin-bottom:14px}.channel-connected strong{font-size:13px;display:block}.channel-connected p{font-size:10px;color:var(--muted);margin:3px 0}.step-list{font-size:11px;color:var(--muted);padding-left:17px;line-height:1.85}.step-list li+li{margin-top:7px}.inline-link{text-decoration:underline;color:#4b713a}.plan-summary{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.plan-summary strong{font-size:25px;font-weight:500;letter-spacing:-.7px}.plan-summary span{font-size:11px;color:var(--muted)}.progress-steps{display:flex;list-style:none;padding:0;gap:9px;margin:24px 0}.progress-steps li{font-size:9px;flex:1;color:#86917f;border-top:3px solid #e8ecdf;padding-top:9px}.progress-steps li.done{border-color:#94c56e;color:#4f713d}.support-note{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.small-note{font-size:10px;color:var(--muted);line-height:1.8}.dashboard-footer{font-size:10px;color:var(--muted);text-align:center;padding:25px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:11px;min-width:700px}.admin-table th{text-align:left;font-size:9px;color:var(--muted);font-weight:500;padding:10px 12px;border-bottom:1px solid var(--line)}.admin-table td{padding:14px 12px;vertical-align:top;border-bottom:1px solid #edf0e7}.admin-table .text-button{font-size:10px}.admin-table td strong{display:block;font-size:11px}.admin-table td small{display:block;color:var(--muted);font-size:9px}.admin-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-price{border:1px solid var(--line);border-radius:10px;padding:17px}.admin-price h3{font-size:14px;margin:0 0 6px}.admin-price p{font-size:11px;color:var(--muted)}.admin-price .text-button{font-size:11px}.policy{max-width:760px;margin:0 auto;padding:60px 25px 90px}.policy h1{font-size:42px;letter-spacing:-1.5px;font-weight:500}.policy h2{font-size:21px;font-weight:550;margin-top:35px}.policy p,.policy li{font-size:14px;color:var(--muted);line-height:1.9}.policy .back-link{font-size:12px;text-decoration:underline}.skeleton{color:#8b9584;font-size:12px;padding:25px 0}.dialog-actions{display:flex;gap:12px;margin-top:20px}.dialog-actions .button{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{margin-top:10px}
@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:110px}.hero h1{font-size:70px}.lead{font-size:16px}}@media(max-width:1050px){.shell{width:calc(100% - 60px)}.hero{gap:30px;padding-top:45px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding-inline:16px;gap:15px}.hero-actions .subtle-link{font-size:11px}.hero-notes{font-size:9px;gap:10px}.floating-note{margin-left:-30px;max-width:280px}.nav nav{gap:20px;font-size:12px}.nav-actions{gap:18px}.benefit-inner{font-size:9px}.benefit-inner span:before{margin-right:8px}.feature-grid{gap:40px}.section-heading h2,.feature-intro h2,.faq-section h2{font-size:36px}.steps article{padding:25px}.faq-section{gap:45px}.plan-card{padding:23px}.price{font-size:40px}.dashboard-grid{grid-template-columns:1.4fr 1fr}}@media(max-width:760px){.shell{width:calc(100% - 40px)}.nav{height:78px;gap:12px}.nav nav{display:none}.brand strong{font-size:20px}.brand{gap:8px}.brand>img{width:32px;height:32px}.nav-actions{gap:16px}.nav-actions .button{min-height:36px;padding:8px 12px;gap:12px;font-size:10px}.nav-actions .text-button{font-size:11px}.hero{grid-template-columns:1fr;padding-top:33px;padding-bottom:55px;gap:55px}.hero-copy{max-width:520px}.hero h1{font-size:clamp(43px,9vw,62px);letter-spacing:-2.6px;line-height:1.1}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.lead{font-size:14px;max-width:430px}.hero-actions .button{font-size:13px;min-height:49px;padding-inline:20px;gap:25px}.hero-actions .subtle-link{font-size:12px;gap:14px}.hero-notes{font-size:9px;gap:18px}.hero-visual{max-width:540px;width:calc(100% - 10px);margin-inline:auto;padding:17px 17px 12px}.floating-note{margin-left:-20px;max-width:285px;padding:12px 15px}.visual-top{margin-bottom:11px}.monitor-bar{height:36px}.camera-scene>img{aspect-ratio:1.7}.monitor-bottom{height:31px}.benefit-inner{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-block:23px;font-size:9px}.benefit-inner span:before{font-size:12px}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px}.section-heading h2,.feature-intro h2,.faq-section h2{font-size:35px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.6px}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;border-top:1px solid var(--line)}.steps article{padding:25px}.step-icon{margin-bottom:19px}.steps p{min-height:0;margin-bottom:0}.step-detail{margin-top:15px}.feature-section{padding-block:55px}.feature-grid{grid-template-columns:1fr;gap:35px}.feature-intro p{max-width:500px}.feature-list article{gap:17px}.pricing-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;gap:20px}.plan-card{padding:27px}.plan-card .plan-description{min-height:0;margin-bottom:20px}.plan-card ul{margin-top:0;padding-top:17px}.plan-card li{line-height:2.5}.price{font-size:44px}.camera-count{margin-bottom:20px}.pricing-note{line-height:1.9;max-width:320px;margin-inline:auto}.centered{text-align:left}.centered .eyebrow{justify-content:flex-start}.faq-section{grid-template-columns:1fr;gap:28px}.faqs details{padding-block:17px}.faqs summary{font-size:13px}.final-cta{flex-direction:column;align-items:flex-start;padding:31px 27px;margin-bottom:40px;gap:27px}.final-cta h2{font-size:34px}.final-cta .button{min-height:47px}.footer{gap:12px}.footer>p{margin-left:0;width:100%;margin-top:5px}.footer>div{margin-left:0;font-size:10px;gap:25px}.footer small{font-size:8px}.modal{padding:28px 24px}.dashboard-shell{width:calc(100% - 32px)}.dashboard-nav .nav{height:70px}.dashboard-heading{padding:30px 0 22px;align-items:flex-start}.dashboard-heading h1{font-size:27px}.dashboard-heading .badge{font-size:8px;margin-top:3px}.dashboard-grid{grid-template-columns:1fr;gap:0}.dashboard-stats{gap:8px}.stat{padding:13px 10px}.stat>span{font-size:8px}.stat>strong{font-size:20px}.panel{padding:20px}.panel-heading h2{font-size:16px}.panel-heading .button{font-size:10px;gap:7px;padding-inline:10px}.camera-row-top{align-items:flex-start}.camera-row .badge{font-size:8px}.progress-steps li{font-size:8px}.admin-prices{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.policy h1{font-size:34px}.policy{padding-top:35px}.dashboard-nav .nav-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.camera-sample{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#f6f8f1}.camera-sample>strong{font-size:12px}.camera-sample video{display:block;width:100%;max-height:330px;background:#13231a;border-radius:7px;margin-top:10px}.camera-sample .small-note{margin-bottom:0}