:root{--ink:#143b34;--gold:#dec69e;--paper:#f7f7f2;--muted:#77847e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{background:var(--paper);color:var(--ink);margin:0;font-family:Noto Sans SC,Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}header{background:var(--paper);z-index:30;border-bottom:1px solid #dfe3dd;justify-content:space-between;align-items:center;height:88px;padding:0 6%;display:flex;position:sticky;top:0}.brand{letter-spacing:3px;align-items:center;gap:12px;font-size:25px;font-weight:700;display:flex}.brandmark{border:1px solid var(--ink);place-items:center;width:43px;height:43px;font-size:31px;font-weight:500;display:grid;transform:skew(-8deg)}.brand small{letter-spacing:2.5px;margin-top:1px;font-size:8px;display:block}nav{gap:33px;font-size:13px;display:flex}nav a:hover{color:#a48c67}.navcta{border-bottom:1px solid var(--ink);align-items:center;gap:17px;padding:10px 0;font-size:13px;display:flex}.mobile{display:none}.hero{color:#fff;height:690px;position:relative;overflow:hidden}.heroimage{object-fit:cover;object-position:50% 62%;width:100%;height:100%;position:absolute}.heroshade{background:linear-gradient(90deg,#09201bd9,#09201b78 50%,#09201b0f),linear-gradient(#0000 50%,#071a1699);position:absolute;inset:0}.herocontent{height:100%;padding:88px 7% 35px;position:relative}.eyebrow{letter-spacing:3px;color:#e0dfd2;align-items:center;gap:12px;font-size:10px;display:flex}.eyebrow i,.live{background:var(--gold);border-radius:50%;width:7px;height:7px}h1{letter-spacing:-2px;margin:28px 0 23px;font-size:clamp(42px,4.8vw,70px);font-weight:500;line-height:1.38}em{color:var(--gold);font-style:normal}.herocontent>p{color:#dbdfd9;font-size:15px;line-height:2.1}.heroactions{align-items:center;gap:30px;margin-top:32px;display:flex}.button{border:0;justify-content:space-between;align-items:center;gap:28px;padding:18px 23px;font-size:13px;font-weight:600;display:inline-flex}.gold{background:var(--gold);color:#173a31}.gold:hover{background:#ead7b9}.plain{align-items:center;gap:12px;font-size:13px;display:flex}.herobottom{letter-spacing:1px;color:#d4dbd3;border-top:1px solid #ffffff30;justify-content:space-between;padding-top:21px;font-size:10px;display:flex;position:absolute;bottom:32px;left:7%;right:7%}.floatcard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#173b34e8;border:1px solid #ffffff35;align-items:center;gap:18px;padding:20px 25px;display:flex;position:absolute;bottom:135px;right:7%}.floatcard small{color:#c6d1c6;margin-bottom:7px;font-size:10px;display:block}.floatcard b{font-size:14px;font-weight:500}.scanicon{color:var(--gold)}.live{background:#a8cbb7;margin-left:12px;box-shadow:0 0 15px #abd7ba}.introstrip{border-bottom:1px solid #dfe3dd;grid-template-columns:repeat(4,1fr);gap:25px;padding:30px 7%;display:grid}.introstrip>div{border-right:1px solid #dfe3dd;align-items:flex-start;gap:17px;display:flex}.introstrip>div:last-child{border:0}.introstrip b{color:#ab997a;font-size:12px;font-weight:500}.introstrip span{font-size:14px;font-weight:500}.introstrip small{color:var(--muted);margin-top:7px;font-size:11px;font-weight:400;display:block}.section{padding:92px 7%}.sectionhead{justify-content:space-between;align-items:flex-end;margin-bottom:42px;display:flex}.label{letter-spacing:2px;color:#819189;font-size:10px;font-weight:500}h2{letter-spacing:-1px;margin:20px 0 0;font-size:39px;font-weight:500;line-height:1.45}.sectionhead>p{color:var(--muted);margin:0 0 6px;font-size:13px;line-height:1.9}.tabs{border-bottom:1px solid #d7ddd6;grid-template-columns:repeat(4,1fr);margin-bottom:30px;display:grid}.tabs button{color:#809087;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:17px;padding:18px 20px;font-size:17px;display:flex}.tabs button span{font-size:10px}.tabs button svg{margin-left:auto}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--ink)}.scenepanel{background:#edeee6;grid-template-columns:1.35fr 1fr;min-height:370px;display:grid}.scenephoto{min-height:370px;position:relative;overflow:hidden}.scenephoto img{object-fit:cover;width:100%;height:100%;position:absolute}.scenephoto>span{color:#fff;background:#17352c88;padding:5px 10px;font-size:10px;position:absolute;bottom:18px;left:20px}.scenetext{padding:44px 40px}.scenetext h3{margin:23px 0 19px;font-size:27px;font-weight:500;line-height:1.65}.scenetext p{color:#77867b;font-size:13px;line-height:2}.tags{flex-wrap:wrap;gap:7px;margin:25px 0 33px;display:flex}.tags span{border:1px solid #cbd3c7;padding:7px 10px;font-size:10px}.textlink{border-bottom:1px solid #b5c3b6;align-items:center;gap:40px;padding-bottom:9px;font-size:13px;display:inline-flex}.experience{color:#f0f1e8;background:#143b34;grid-template-columns:1fr 1fr;gap:7%;min-height:610px;padding:78px 7%;display:grid}.experience .label{color:#9cb1a3}.experiencetext h2{font-size:43px}.experiencetext p{color:#b9c8bc;margin:26px 0;font-size:13px;line-height:2.2}.steps{grid-template-columns:1fr 1fr;gap:20px;margin:32px 0;display:grid}.steps div{gap:14px;font-size:12px;display:flex}.steps span{color:var(--gold);font-size:10px}.experiencetext>small{color:#8ea799;font-size:9px}.doorvisual{background:linear-gradient(90deg,#455448,#657363 47%,#38473c 47%,#263c31);border:1px solid #ffffff15;min-height:465px;position:relative;overflow:hidden}.door{background:repeating-linear-gradient(90deg,#473d31 0 3px,#514538 4px 8px);width:53%;height:100%;position:absolute;right:0;box-shadow:-14px 0 28px #182d2870}.doornumber{color:#e2d7be;letter-spacing:4px;font-size:37px;font-weight:400;position:absolute;top:20%;left:13%}.doornumber small{letter-spacing:2px;margin-top:5px;font-size:6px;display:block}.walllight{background:#dfd0ae;height:1px;position:absolute;top:11%;left:6%;right:0;box-shadow:0 0 30px 8px #e8d5a355}.reader{color:#b9ccbc;background:#1a211d;border:2px solid #797a64;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:50px;height:90px;display:flex;position:absolute;top:37%;left:15%;box-shadow:0 5px 15px #0005}.readerlight{background:#a5cfbb;width:18px;height:2px}.handle{background:linear-gradient(#c5b89b,#85775d);border-radius:3px;width:75px;height:10px;position:absolute;top:63%;left:18%}.recognize{color:var(--ink);background:#f4f4e9ef;align-items:center;gap:20px;padding:19px;display:flex;position:absolute;bottom:94px;left:8%;right:8%;box-shadow:0 9px 35px #0003}.facebox{border:1px solid #9aad99;padding:6px;display:flex}.recognize small{color:#788a7b;font-size:9px;display:block}.recognize b{margin:7px 0;font-size:14px;display:block}.recognize span{color:#749477;font-size:9px}.recognize i,.dashrooms i{background:#78a386;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.demobutton{background:var(--gold);width:84%;color:var(--ink);border:0;justify-content:center;align-items:center;gap:12px;padding:16px;font-size:12px;display:flex;position:absolute;bottom:28px;left:8%;right:8%}.ecogrid{grid-template-columns:1fr 1.25fr;gap:24px;display:grid}.hardware,.software{background:#ecefe8;padding:32px;overflow:hidden}.software{background:#e5eae3}.device{justify-content:center;align-items:center;gap:55px;height:247px;display:flex}.deviceface{color:#c9d9cc;background:linear-gradient(140deg,#34433d,#142820);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:17px;width:125px;height:187px;display:flex;transform:rotate(-8deg);box-shadow:14px 18px 20px #15382c30,inset 0 0 0 4px #748076}.deviceface small{font-size:8px}.deviceface i{background:#d4c9a7;width:26px;height:3px}.lock{background:linear-gradient(90deg,#8f9286,#d3d3be,#747e71);border-radius:6px;width:40px;height:150px;position:relative;transform:rotate(-8deg);box-shadow:8px 12px 15px #15382c30}.lock span{background:#243b31;border-radius:4px;width:24px;height:37px;position:absolute;top:17px;left:8px}.lock b{background:linear-gradient(#bdbba4,#657565);border-radius:5px;width:93px;height:14px;position:absolute;top:85px;left:13px}.ecogrid h3{margin:17px 0;font-size:20px;font-weight:500}.ecogrid p{color:#738378;font-size:12px;line-height:1.9}.hardware>small{color:#879087;font-size:9px}.dashboard{background:#f8faf5;border:1px solid #d5dfd2;border-radius:6px;height:247px;margin-top:22px;display:flex;overflow:hidden;box-shadow:0 15px 25px #25473515}.dashboard aside{color:#b2c5b5;background:#244538;flex-direction:column;align-items:center;gap:23px;width:61px;font-size:8px;display:flex}.dashboard aside b{color:#e3d4b2;margin-top:14px;font-size:22px}.dashmain{width:calc(100% - 61px);padding:20px}.dashhead{justify-content:space-between;font-size:10px;display:flex}.dashhead>span{color:#98a496;font-size:7px}.metrics{gap:10px;margin-top:16px;display:flex}.metrics>div{background:#edf2e9;flex:1;padding:10px}.metrics small{color:#879581;font-size:7px;display:block}.metrics b{margin-top:5px;font-size:14px;font-weight:500;display:block}.chart{border-bottom:1px solid #cad4c4;align-items:flex-end;gap:10px;height:60px;padding:12px 5px 0;display:flex}.chart i{background:#8ca58b;border-radius:2px 2px 0 0;flex:1}.dashrooms{gap:12px;margin-top:14px;display:flex}.dashrooms>span{flex:1;font-size:6px}.dashrooms small{color:#94a18e;margin-top:4px;font-size:6px;display:block}.value{background:#e4ddcc;grid-template-columns:1fr 1fr;gap:10%;margin:0 7%;padding:55px 60px;display:grid}.value .label{color:#8b806a}.value h2{font-size:37px}.value p{margin:0 0 23px;font-size:17px;line-height:2}.value small{color:#928874;margin-top:20px;font-size:10px;line-height:1.8;display:block}.processgrid{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:45px;display:grid}.processgrid>div{border-top:1px solid #bcc8bc;padding-top:21px}.processgrid>div>span{color:#a9b5a5;justify-content:space-between;font-size:24px;display:flex}.processgrid h3{margin:24px 0 13px;font-size:18px;font-weight:500}.processgrid p{color:#819080;font-size:12px;line-height:2}.contact{color:#eef0e5;background:#193d34;grid-template-columns:1fr 1.1fr;gap:8%;padding:75px 7%;display:grid}.contact .label{color:#95ad9c}.contact h2{font-size:37px}.contact p{color:#b3c5b7;margin:23px 0;font-size:12px;line-height:2}.contactpoints{color:#bdcdbf;gap:22px;margin-top:38px;font-size:10px;display:flex}.contactpoints span{align-items:center;gap:8px;display:flex}form{color:var(--ink);background:#f5f6ee;padding:35px}.formtop{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.formtop h3{margin:0;font-size:20px;font-weight:500}.formtop>span{letter-spacing:1px;color:#9aa58f;font-size:7px}.formrow{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.formrow label{flex-direction:column;gap:9px;font-size:11px;display:flex}input,select{color:var(--ink);background:#fbfcf6;border:1px solid #d3dacc;border-radius:0;width:100%;padding:12px;font-size:12px}.consent{color:#82907d;flex-wrap:wrap;align-items:center;gap:4px;font-size:9px;line-height:1.7;display:flex}.consent input{width:12px;height:12px;accent-color:var(--ink);margin:0 4px 0 0}.consent button{color:var(--ink);background:0 0;border:0;padding:0;font-size:9px;text-decoration:underline}.submit{width:100%;margin-top:22px}.submit:disabled{opacity:.6}.contact .formstatus{color:var(--ink);margin:12px 0 0;font-size:11px;line-height:1.8}.honeypot{display:none}.faq{grid-template-columns:1fr 2fr;gap:0 9%;padding-top:70px;padding-bottom:70px;display:grid}.faq>.label{grid-row:1/5;padding-top:19px}.faq details{border-bottom:1px solid #d4ddd0;padding:19px 0}.faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:13px;list-style:none;display:flex}.faq details p{color:#7b8975;font-size:12px;line-height:2}.faq details[open] svg{transform:rotate(180deg)}footer{border-top:1px solid #dce2d5;align-items:center;gap:30px;padding:35px 7%;display:flex}footer .brand{font-size:19px}footer .brandmark{width:35px;height:35px;font-size:24px}footer p{color:#77876f;font-size:10px}footer>span{color:#919c89;margin-left:auto;font-size:8px}footer>button{color:#7b8773;background:0 0;border:0;font-size:9px}.modalback{z-index:60;background:#09271bcc;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);max-width:530px;padding:35px;position:relative}.modal>button{color:var(--ink);background:0 0;border:0;position:absolute;top:12px;right:12px}.modal h3{font-size:22px;font-weight:500}.modal p{color:#738471;font-size:13px;line-height:2}@media (width>=1600px){header,.herocontent,.introstrip,.section,.experience,.contact{padding-left:max(7%,50vw - 700px);padding-right:max(7%,50vw - 700px)}}@media (width<=1000px){nav{gap:18px}.hero{height:650px}.floatcard{gap:10px;padding:16px;bottom:110px;right:5%}.section{padding:65px 6%}.scenetext{padding:30px}.experience{gap:4%;padding:60px 6%}.contact{gap:5%;padding:60px 6%}.contactpoints{flex-direction:column}.hardware,.software{padding:24px}.value{margin:0 6%;padding:45px}.introstrip{gap:16px;padding:25px 6%}.introstrip>div{gap:10px}.introstrip small{font-size:9px}footer{flex-wrap:wrap}.navcta{font-size:11px}}@media (width<=720px){header{height:72px;padding:0 6%}.brand{font-size:21px}.brandmark{width:36px;height:36px;font-size:27px}.navcta{gap:7px;margin-left:auto;margin-right:18px;font-size:10px}.mobile{color:var(--ink);background:0 0;border:0;padding:0;display:flex}nav{display:none}nav.open{background:var(--paper);border-bottom:1px solid #ccc;flex-direction:column;padding:25px 7%;display:flex;position:absolute;top:72px;left:0;right:0}.hero{height:650px}.herocontent{padding:65px 7% 30px}.eyebrow{letter-spacing:1.8px;font-size:7px}h1{letter-spacing:-1px;margin-top:30px;font-size:34px}.heroimage{object-position:65% center}.heroshade{background:linear-gradient(90deg,#09291fd9,#09291f66)}.heroactions{flex-wrap:wrap;gap:22px}.button{gap:20px;padding:16px 18px;font-size:12px}.herocontent>p{font-size:12px}.floatcard{padding:14px 18px;bottom:87px;left:7%;right:auto}.floatcard b{font-size:12px}.herobottom{font-size:8px;bottom:24px}.herobottom span:last-child{display:none}.introstrip{grid-template-columns:1fr 1fr;gap:25px 15px;padding:27px 7%}.introstrip>div:nth-child(2){border:0}.introstrip span{font-size:12px}.introstrip small{font-size:9px}.section{padding:55px 7%}.sectionhead{margin-bottom:27px;display:block}h2{font-size:30px}.sectionhead>p{margin-top:23px;font-size:11px}.label{letter-spacing:1.5px;font-size:8px}.tabs button{gap:6px;padding:15px 7px;font-size:13px}.tabs button span{font-size:8px}.tabs button svg{display:none}.scenepanel{grid-template-columns:1fr}.scenephoto{min-height:250px}.scenetext{padding:30px}.scenetext h3{margin:15px 0;font-size:23px}.scenetext p{font-size:12px}.tags{margin:20px 0}.experience{grid-template-columns:1fr;gap:35px;padding:55px 7%}.experiencetext h2{font-size:34px}.experiencetext p{font-size:12px}.doorvisual{min-height:425px}.ecogrid{grid-template-columns:1fr}.hardware,.software{padding:27px}.device{height:230px}.dashboard{height:235px}.dashmain{padding:16px}.value{grid-template-columns:1fr;gap:27px;margin:0 7%;padding:33px}.value h2{font-size:30px}.value p{font-size:14px}.processgrid{grid-template-columns:1fr 1fr;gap:27px}.processgrid h3{margin-top:18px;font-size:16px}.processgrid p{font-size:11px}.contact{grid-template-columns:1fr;gap:35px;padding:55px 7%}.contact h2{font-size:30px}.contactpoints{flex-direction:row;gap:20px;margin-top:25px}form{padding:25px}.formrow{gap:12px}.formrow input,.formrow select{padding:11px;font-size:11px}.formtop h3{font-size:18px}.faq{display:block}.faq>.label{margin-bottom:20px;display:block}footer{gap:15px;padding:28px 7%}footer p{margin-left:auto;font-size:8px}footer>span{margin-left:0;font-size:7px}footer>button{margin-left:auto}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.knowledgegrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px;display:grid}.knowledgegrid a{border:1px solid #d4ddd0;justify-content:space-between;align-items:center;gap:15px;padding:22px 20px;font-size:13px;display:flex}.knowledgegrid a:hover{background:#e8eee3}@media (width<=720px){.knowledgegrid{grid-template-columns:1fr 1fr;gap:12px}.knowledgegrid a{padding:18px 12px;font-size:11px}}