*{box-sizing:border-box}body{margin:0;background:#080d16;color:#e6eefb;font:15px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}button{border:1px solid #94a6bf40;border-radius:8px;padding:10px 16px;background:transparent;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.demo-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;border-bottom:1px solid #9caeca33;font-size:12px}.demo-bar a{color:#c4dc9a}.demo-notice{padding:13px 5%;color:#8399ba;font-size:11px;text-align:center}.web-demo{max-width:1160px;margin:25px auto;background:#eff0e8;color:#283c34}.web-demo nav{display:flex;justify-content:space-between;padding:26px 5%;font-size:11px;border-bottom:1px solid #28453422}.web-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:65px 6%;min-height:430px;align-items:center}.web-hero small{font-size:10px;letter-spacing:.15em}.web-hero h1{font-size:60px;line-height:1.12;letter-spacing:-.06em;margin:24px 0}.web-hero p{font-size:14px;line-height:1.8;color:#62766a}.web-hero a{display:inline-block;padding:13px 22px;background:#284c3a;color:#eff3e8;border-radius:3px;font-size:12px}.architecture{height:340px;position:relative;background:linear-gradient(140deg,#d9d9c9,#c4c3ae);overflow:hidden}.architecture i{position:absolute;left:15%;top:0;width:35%;height:85%;background:linear-gradient(90deg,#8b927c,#c4c9b4);border-radius:120px 120px 0 0;box-shadow:30px 20px 55px #384d3644}.architecture b{position:absolute;right:10%;bottom:0;width:55%;height:30%;background:#e4ddcb;transform:skewY(-8deg);box-shadow:20px -15px 35px #43584322}.architecture span{position:absolute;width:15%;height:55%;bottom:5%;right:13%;background:linear-gradient(90deg,#5e7356,#9da486);border-radius:100% 10% 30% 20%}.web-demo section{padding:35px 6% 55px}.web-demo h2{font-size:30px;letter-spacing:-.04em}.filters{display:flex;gap:7px;margin:20px 0}.filters button{font-size:12px}.web-demo button[aria-pressed=true]{background:#2d4a37;color:#fff}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.projects article{background:#e4e7dc;padding-bottom:20px}.projects article small,.projects article h3,.projects article button{margin-left:17px;margin-right:17px}.projects article small{display:block;font-size:9px;color:#76816f;margin-top:19px}.projects h3{font-size:19px;margin-top:9px}.projects button{font-size:11px;border-color:#354a3833}.space-art{height:150px;background:linear-gradient(100deg,transparent 60%,#5c715750 60%,#5c715750 64%,transparent 64%),linear-gradient(165deg,#cbd0bd 55%,#a5b097 55%);position:relative;overflow:hidden}.space-art:after{content:"";position:absolute;width:48%;height:70%;top:12%;left:20%;border:12px solid #f2edde;background:linear-gradient(130deg,#9ba98d,#d4d4bf);box-shadow:20px 10px 20px #52614a30}.a1{filter:hue-rotate(25deg)}.a2{filter:sepia(.3)}.detail-panel{background:#d8e0cc}.detail-panel p{line-height:1.9;font-size:14px;max-width:720px}.detail-panel button{background:#284b38;color:#fff}#web-result{margin-top:25px}.device{width:370px;max-width:calc(100% - 30px);border:7px solid #263748;border-radius:39px;margin:35px auto;background:#f2f3ed;color:#24392d;box-shadow:0 30px 90px #0008;overflow:hidden}.device-status{padding:16px 22px 10px;font-size:11px;font-weight:650;display:flex;justify-content:space-between}.mini-top{padding:14px 20px;display:flex;justify-content:space-between;border-bottom:1px solid #75866b33;font-size:13px}.device-body{padding:30px 22px}.device-body>small{font-size:9px;letter-spacing:.12em;color:#768b70}.device h1{font-size:35px;line-height:1.2;letter-spacing:-.055em;margin:20px 0 24px}.mini-banner{padding:25px 18px;background:linear-gradient(125deg,#d5e2c9,#adbf9b);border-radius:10px;font-size:13px;margin-bottom:30px}.mini-banner span{float:right}label{display:block;font-size:12px;margin:17px 0}input:not([type=checkbox]),select{width:100%;display:block;margin-top:8px;padding:13px 12px;border-radius:7px;border:1px solid #75886a44;background:#fff8;color:inherit;font-size:13px;min-width:0}.primary{background:#254e39;color:#fff;border:0;width:100%;margin:14px 0;padding:14px}.device-tabs{border-top:1px solid #68795c30;padding:20px 12px;display:flex;justify-content:space-around;font-size:10px}.device-tabs b{color:#47734c}.device h2{font-size:22px;line-height:1.5}#booking-review p{font-size:13px;line-height:1.8}.app-device{background:#101d30;color:#dceaff;border-color:#354a69}.app-device .device-body>small{color:#789ac7}.app-project{padding:22px 18px;background:linear-gradient(120deg,#234064,#1c304b);border-radius:12px}.app-project>span{font-size:10px;color:#9eb9dc}.app-project h2{font-size:22px;margin:13px 0}.progress-track{background:#101e31;height:4px;border-radius:5px;overflow:hidden}.progress-track i{display:block;height:100%;background:#c6e691;width:0;transition:width .3s}.app-project p{font-size:10px;color:#a4bada;margin:12px 0 0}.app-device button[aria-pressed=true]{background:#c6e691;color:#172413}.task{display:grid;grid-template-columns:20px 1fr;gap:9px;align-items:center;background:#1b2b41;padding:16px 12px;border-radius:8px;font-size:13px}.task input{accent-color:#c6e691}.task small{grid-column:2;color:#708caf;font-size:9px}.task:has(input:checked)>span{text-decoration:line-through;color:#859dbb}.app-device input:not([type=checkbox]){background:#1c2c43;border-color:#4c648744;color:#dfebff}.app-device .primary{background:#c6e691;color:#1b2b13}.task-add{display:flex;gap:8px;align-items:center}.task-add input{margin:0}.task-add button{width:44px;flex-shrink:0;margin:0}.app-device .device-tabs{border-color:#839ac52d}.app-device .device-tabs b{color:#c6e691}footer{max-width:850px;margin:40px auto;padding:0 24px 35px;text-align:center;font-size:12px;line-height:1.9;color:#8297b7}footer a{display:inline-block;color:#c6e691;margin-top:12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #80a9ff;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){.demo-bar{flex-wrap:wrap;font-size:10px;gap:12px}.web-demo{margin:15px}.web-hero{grid-template-columns:1fr;padding-top:35px}.web-hero h1{font-size:48px}.architecture{height:220px}.projects{grid-template-columns:1fr}.space-art{height:190px}.web-demo nav span{display:none}.device{margin-top:15px}.demo-notice{font-size:9px}}