:root{--bg:#0a0c0c;--panel:#111515;--text:#f2f4ef;--muted:#949d97;--green:#c4f994;--line:rgba(235,247,231,.14);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}button:disabled{cursor:default}::selection{background:var(--green);color:var(--bg)}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:fixed;top:-70px;left:12px;z-index:200;padding:16px;background:var(--green);color:#111}.skip:focus{top:10px}.header{height:98px;position:absolute;z-index:30;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{object-fit:contain;filter:brightness(0) invert(1);width:40px;height:40px}.brand span{font-size:19px;letter-spacing:2px;font-weight:600}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:3.5px;margin-top:5px}nav{display:flex;gap:42px;font-size:13px;color:#c0c7c2}nav a{transition:color .2s}nav a:hover{color:var(--green)}.nav-download{font-size:12px;background:transparent;border:1px solid #6c756c;border-radius:30px;padding:12px 22px;transition:background .25s,color .25s}.nav-download span{margin-left:20px}.nav-download:hover{color:#111;background:var(--green);border-color:var(--green)}.menu{display:none}.hero{height:850px;min-height:720px;position:relative;overflow:hidden;background:#090c0b}.hero-image{position:absolute;inset:0;background:url('assets/hero.png') 69% 50%/cover no-repeat;animation:hero-enter 2s var(--ease) both}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090c0bf2 0%,#090c0be8 25%,#090c0b88 45%,transparent 70%),linear-gradient(0deg,#0a0c0c 0%,transparent 26%);pointer-events:none}.hero-ambient{position:absolute;left:-15%;top:15%;width:600px;height:600px;background:radial-gradient(ellipse,#29422a40,transparent 65%);animation:breathe 8s ease-in-out infinite alternate}.hero-inner{height:100%;position:relative;z-index:2}.hero-copy{padding-top:205px;position:relative;max-width:640px;animation:copy-enter 1.1s var(--ease) both}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:500;line-height:1.6;margin:0 0 32px;display:flex;align-items:center;gap:10px}.eyebrow>span{width:5px;height:5px;box-shadow:0 0 12px #c4f994;background:var(--green);border-radius:50%}.hero h1{font-size:clamp(62px,6.5vw,92px);line-height:1.18;font-weight:500;letter-spacing:-4px;margin:0 0 28px}.hero h1 em{font-style:normal;color:var(--green)}.hero-description{color:#aeb8ae;font-size:15px;line-height:1.95;letter-spacing:.5px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:50px;padding:0 25px;font-size:13px;border-radius:3px;transition:transform .3s var(--ease),background .3s,box-shadow .3s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;font-weight:300}.primary{background:var(--green);color:#192115}.primary:hover{background:#d4ffad;box-shadow:0 5px 32px #c4f9941a}.text-button{display:flex;align-items:center;gap:10px;padding:0;background:none;font-size:12px;color:#cbd2ca}.play{border:1px solid #a5b1a5;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;font-size:15px}.hero-caption{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:2.2px;color:#6e7b6f;margin-top:65px}.thin-line{height:1px;width:32px;background:#5b6e55}.product-tag{position:absolute;right:0;bottom:135px;border-top:1px solid #83917e66;padding-top:17px;width:310px;color:#d6ddd2}.tiny-label{font-size:8px;letter-spacing:1.7px;color:#a3b099;display:block;margin-bottom:12px}.product-tag>span:nth-child(2){display:block;font-size:13px}.product-tag b{float:right;color:var(--green);font-weight:400}.product-tag small{display:block;color:#7c8a7e;font-size:9px;margin-top:12px}.hero-bottom{position:absolute;bottom:33px;display:flex;justify-content:space-between;width:100%;color:#7f8c82;font-size:10px;letter-spacing:1px;align-items:center}.hero-bottom a{color:#d0d8cc;display:flex;gap:20px}.hero-bottom a span{animation:nudge 2s ease-in-out infinite}.hero-bottom>span:last-child{letter-spacing:2px}.principles{border-bottom:1px solid var(--line)}.principles>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.principles span{font-size:13px;letter-spacing:1px}.principles i{font-style:normal;font-size:9px;color:var(--green);margin-right:20px;letter-spacing:0}.principles .principles-note{color:#738076;font-size:11px;letter-spacing:1px}.section{padding-top:120px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:60px}.muted{color:#849181;font-size:9px;letter-spacing:2px;margin-bottom:25px}h2{font-size:48px;line-height:1.3;letter-spacing:-1.8px;font-weight:450;margin:0}.section-heading>p{margin:0 0 4px;color:#98a297;font-size:14px;line-height:1.9;max-width:330px}.experience-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.feature{background:none;display:flex;gap:20px;text-align:left;width:100%;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);color:#7b887c;transition:color .3s}.feature-num{align-self:flex-start;font-size:10px;margin-top:6px}.feature strong{display:block;font-size:18px;font-weight:450;letter-spacing:.3px;transition:transform .3s}.feature small{display:block;font-size:11px;line-height:1.7;margin-top:10px;color:#707e73}.feature b{margin-left:auto;font-size:24px;font-weight:300;opacity:0;transition:opacity .3s,transform .3s}.feature.active{color:var(--green)}.feature.active strong{transform:translateX(4px)}.feature.active b{opacity:1}.feature:hover{color:#e1edd9}.demo-note{font-size:10px;color:#748074;margin-top:26px;line-height:1.6}.demo{border:1px solid #344035;background:#131915;border-radius:12px;padding:16px;box-shadow:0 30px 70px #0003;position:relative}.demo-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9ea999;letter-spacing:1.5px;padding:2px 2px 17px}.demo-top i,.live-badge i{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--green);margin-right:7px}.demo-label{font-size:9px;letter-spacing:0;border:1px solid #435041;border-radius:3px;padding:4px 6px}.demo-stage{height:300px;background:#0c110e;border-radius:5px;overflow:hidden}.scene{height:100%;position:relative;animation:copy-enter .5s var(--ease) both}.corridor{position:absolute;inset:0;background:linear-gradient(90deg,#262c26,#454c3c 52%,#252c24);perspective:500px;overflow:hidden}.corridor:after{content:"";position:absolute;inset:70% 0 0;background:linear-gradient(145deg,#2f392c,#151c15)}.doorframe{position:absolute;left:40%;top:6%;width:30%;height:82%;border:8px solid #19221b;box-shadow:-12px 0 40px #bbc69e10,0 0 0 2px #737e5c33;background:repeating-linear-gradient(90deg,#3a3e31 0 35px,#3d4133 36px 37px)}.door-handle{position:absolute;right:12%;top:55%;width:5px;height:45px;background:#111b13;box-shadow:1px 0 #879078}.door-handle:after{content:"";position:absolute;top:15px;left:-12px;width:17px;height:4px;background:#1c241c}.wall-light{position:absolute;left:29%;top:26%;width:5px;height:65px;background:#c3c594;box-shadow:0 0 30px 10px #d9d8a42b}.plant{position:absolute;right:12%;bottom:15%;width:40px;height:60px;border-radius:5px 5px 20px 20px;background:#172017;z-index:1}.plant i{position:absolute;width:45px;height:24px;background:#3a4b29;border-radius:100% 0;top:-18px;left:-15px;transform:rotate(15deg)}.plant i:nth-child(2){top:-44px;left:5px;transform:rotate(-50deg)}.plant i:nth-child(3){top:-30px;left:22px;transform:rotate(-95deg)}.live-badge{position:absolute;left:15px;top:15px;padding:6px 8px;background:#09100bb3;border:1px solid #a4bfa22b;border-radius:3px;font-size:9px;color:#c5d4ba}.video-title{position:absolute;bottom:20px;left:20px;z-index:3}.video-title>span{display:block;font-size:21px;letter-spacing:2px}.video-title small{color:#c3cbb8;font-size:9px;display:block;margin-top:7px}.camera-corners{position:absolute;inset:56px 30px 45px;border:1px solid #c3df9c21;z-index:2}.camera-corners:before,.camera-corners:after{content:"";position:absolute;width:18px;height:18px;border:1px solid #c3df9c99}.camera-corners:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.camera-corners:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.demo-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 1px;gap:10px;font-size:10px}.demo-bottom>span:nth-child(2){font-size:9px;color:#74816f}.demo-icon{font-size:22px;color:var(--green)}.visitor-scene,.devices-scene{padding:30px;background:radial-gradient(ellipse at 70% 0,#3f593137,transparent 70%);display:flex;flex-direction:column;justify-content:center}.scene-overline{font-size:9px;letter-spacing:1.4px;color:#a3b19a;margin:0 0 14px}.visitor-scene h3,.devices-scene h3{font-size:25px;font-weight:400;margin:0 0 22px}.passcode{font-size:32px;letter-spacing:12px;color:var(--green);margin:0 0 20px}.scene-note{color:#819079;font-size:11px;line-height:1.6;margin:0}.device-row{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid #c2d3b42b;border-radius:7px;margin-bottom:15px;font-size:13px}.device-row span{color:var(--green);font-size:11px}.app-section{background:#eff1e9;color:#1b241c;overflow:hidden}.app-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;min-height:850px;align-items:center}.app-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:720px}.phone{width:248px;background:#141714;border-radius:40px;padding:8px;position:relative;z-index:2;box-shadow:25px 38px 60px #22372135,1px 1px 0 2px #7c8278;transform:rotate(-7deg);transition:transform .8s var(--ease)}.app-visual:hover .phone{transform:rotate(-2deg) translateY(-8px)}.phone-screen{border-radius:32px;overflow:hidden;background:#fff;line-height:0}.phone img{width:100%;height:auto}.orbit{position:absolute;border:1px solid #9ca78e4f;border-radius:50%;width:590px;height:590px;transform:rotate(-30deg) scaleY(.65)}.orbit-two{transform:rotate(35deg) scaleY(.75);width:480px;height:480px}.orbit-dot{position:absolute;left:12%;top:34%;width:10px;height:10px;background:#5c7542;border-radius:50%;box-shadow:0 0 0 8px #d6dfc8}.floating-word{position:absolute;color:#9ca68f;font-size:9px;letter-spacing:2px;z-index:1}.word-one{left:0;top:22%}.word-two{right:-5%;bottom:22%}.phone-caption{position:absolute;bottom:25px;font-size:10px;letter-spacing:1px;color:#778371}.app-copy .muted{color:#74816b}.app-copy h2{font-size:48px}.body-copy{font-size:14px;line-height:2;color:#6f7968;margin:28px 0 30px}.app-points{display:flex;gap:32px;margin-bottom:35px}.app-points>div{display:flex;gap:12px}.app-points>div>span{font-size:22px;color:#59754a;margin-top:1px}.app-points p{font-size:12px;line-height:1.6;margin:0}.app-points small{display:block;font-size:10px;color:#7d8776;max-width:150px;line-height:1.8;margin-top:6px}.dark{background:#233322;color:#eef5e5}.dark:hover{background:#374a2d}.platform-note{font-size:9px;color:#7a8472;margin-top:16px}.about-symbol{font-size:85px;color:var(--green);line-height:.8}.about-intro{font-size:22px;line-height:1.9;letter-spacing:.2px;max-width:940px;margin:0 0 60px}.about-intro span{color:#7b887c}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.values article{border-top:1px solid var(--line);padding-top:25px}.value-top{display:flex;justify-content:space-between;align-items:center;color:#6c7c6c;font-size:9px}.value-icon{font-size:33px;color:#b4ce9f;line-height:1}.values h3{font-size:19px;font-weight:400;margin:32px 0 16px}.values p{font-size:12px;color:#8c998b;line-height:1.9;max-width:310px;margin:0}.support{border-top:1px solid var(--line);padding-top:70px;padding-bottom:100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.support h2{font-size:34px;letter-spacing:-1px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;font-size:13px;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:24px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#869b80;font-size:25px;font-weight:200;transition:transform .3s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#8a9985;font-size:12px;line-height:1.9;margin:20px 32px 0 0}.closing{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:100px 0;text-align:center;overflow:hidden;background:#0d140f}.closing>.wrap{position:relative;z-index:1}.closing .eyebrow{justify-content:center;font-size:9px;color:#95ad87;margin-bottom:20px}.closing h2{font-size:54px;margin-bottom:35px;letter-spacing:0}.closing-glow{position:absolute;width:850px;height:400px;background:radial-gradient(ellipse,#38582955,transparent 65%);top:50%;left:50%;transform:translate(-50%,-25%)}footer{padding:50px 0 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top>p{color:#75836f;font-size:12px;letter-spacing:2px;margin-right:auto;margin-left:40px}.footer-top>div{display:flex;gap:25px;font-size:11px;color:#9ba696}.footer-top .brand span{font-size:16px}.footer-top .brand small{font-size:7px}.footer-bottom{display:flex;justify-content:space-between;font-size:9px;color:#71806c;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;gap:20px}dialog{width:min(480px,calc(100% - 32px));border:1px solid #78846e;background:#f0f2ea;color:#1a2519;border-radius:16px;text-align:center;padding:42px 35px 35px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#030a05bb;backdrop-filter:blur(10px)}dialog[open]{animation:copy-enter .35s var(--ease)}.dialog-close{position:absolute;right:10px;top:8px;width:44px;height:44px;background:none;font-size:28px;color:#63735a}.dialog-logo{object-fit:contain;margin-bottom:25px}.dialog-logo+.eyebrow{justify-content:center;margin-bottom:15px}dialog h2{font-size:25px;letter-spacing:0}dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#74816c;margin:20px 0}.download-options{display:flex;gap:12px;margin:26px 0}.download-options>span{flex:1;border:1px solid #b7c2aa;border-radius:6px;padding:15px;font-size:13px}.download-options small{display:block;font-size:9px;color:#7c8874;margin-top:7px}dialog .button{width:100%}.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal{opacity:0;transform:translateY(28px)}.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes breathe{from{opacity:.4;transform:translateY(-10px)}to{opacity:1;transform:translateY(20px)}}@keyframes hero-enter{from{transform:scale(1.06);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes copy-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes nudge{50%{transform:translateY(5px)}}
@media(min-width:1600px){.hero{height:960px}.hero-image{background-position:center}.hero-copy{padding-top:240px}.hero h1{font-size:100px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{height:800px}.hero-copy{padding-top:200px}.hero h1{font-size:72px}.hero-image{background-position:64% center}.hero:after{background:linear-gradient(90deg,#090c0bf5,#090c0bd0 30%,#090c0b35 75%),linear-gradient(0deg,#0a0c0c,transparent 25%)}.product-tag{width:250px}.experience-grid{gap:45px}.feature strong{font-size:15px}.app-grid{gap:35px}.app-points{display:block}.app-points>div{margin-bottom:17px}.app-points small{max-width:none}.app-copy h2{font-size:40px}.app-visual{min-height:700px}.phone{width:230px}.orbit{width:470px;height:470px}.word-one{left:-12px}.word-two{right:-10px}.support{gap:50px}.footer-top>p{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:78px}.brand img{width:32px;height:32px}.brand span{font-size:16px;letter-spacing:1px}.brand small{font-size:6px;letter-spacing:3px}.nav-download{margin-left:auto;margin-right:18px;font-size:10px;padding:10px 13px}.nav-download span{margin-left:6px}.menu{width:30px;height:44px;padding:10px 0;display:flex;flex-direction:column;justify-content:center;gap:6px;background:none}.menu span{display:block;width:24px;height:1px;background:#d4dfcb;transition:transform .3s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;top:77px;left:0;right:0;background:#111a13fa;backdrop-filter:blur(20px);padding:20px;gap:0;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column}nav a{padding:16px 0}.hero{height:900px;min-height:0}.hero-image{inset:210px -180px 0 -90px;background-position:69% center;opacity:.75}.hero:after{background:linear-gradient(180deg,#090c0b 0%,#090c0bf5 25%,#090c0b66 51%,#090c0b00 68%,#0a0c0c 98%)}.hero-copy{padding-top:135px;max-width:100%}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}.hero h1{font-size:62px;letter-spacing:-3px;line-height:1.17;margin-bottom:20px}.hero-description{font-size:12px;line-height:1.9}.hero-actions{margin-top:25px;gap:20px}.button{padding:0 20px;font-size:12px;min-height:48px;gap:20px}.text-button{font-size:10px;gap:7px}.play{width:26px;height:26px}.hero-caption{display:none}.product-tag{bottom:82px;width:238px}.product-tag>span:nth-child(2){font-size:11px}.product-tag .tiny-label{font-size:7px}.hero-bottom{bottom:27px;font-size:9px}.hero-bottom>span:first-child{font-size:8px;letter-spacing:0}.hero-bottom>span:last-child{display:none}.principles>.wrap{min-height:80px;gap:12px;justify-content:space-between}.principles span{font-size:11px}.principles i{margin-right:7px;font-size:8px}.principles .principles-note{display:none}.section{padding-top:72px;padding-bottom:72px}.section-heading{display:block;margin-bottom:32px}.muted{font-size:8px;margin-bottom:20px;letter-spacing:1.6px}h2{font-size:36px;letter-spacing:-1px}.section-heading>p{font-size:12px;line-height:1.9;margin-top:22px}.experience-grid{display:flex;flex-direction:column;gap:25px;align-items:stretch}.feature{padding:20px 0;gap:15px;min-height:84px}.feature strong{font-size:15px}.feature small{font-size:10px;margin-top:7px}.feature b{font-size:20px}.demo-note{font-size:9px;margin-top:17px}.demo{padding:12px}.demo-stage{height:260px}.demo-bottom>span:nth-child(2){font-size:8px}.app-grid{display:flex;flex-direction:column-reverse;gap:0;padding-top:70px}.app-copy{width:100%}.app-copy h2{font-size:37px}.body-copy{font-size:12px;margin:22px 0}.app-points{display:flex;gap:25px;margin-bottom:25px}.app-points>div{gap:8px}.app-points>div>span{font-size:20px}.app-points p{font-size:11px}.app-points small{font-size:9px;max-width:120px}.app-copy .button{width:100%;max-width:320px}.platform-note{font-size:8px}.app-visual{min-height:660px;width:100%;margin-top:15px}.phone{width:230px;transform:rotate(-6deg)}.orbit{width:430px;height:430px}.orbit-two{width:380px;height:380px}.word-one{left:0;top:13%}.word-two{right:0;bottom:13%;font-size:8px}.phone-caption{bottom:18px;font-size:9px}.about-symbol{display:none}.about h2{font-size:32px}.about-intro{font-size:16px;margin-bottom:35px}.about-intro br{display:none}.values{grid-template-columns:1fr;gap:28px}.values article{padding-top:20px;display:grid;grid-template-columns:50px 1fr;gap:0 15px}.value-top{grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px}.value-icon{font-size:28px}.values h3{font-size:17px;margin:0 0 12px}.values p{font-size:11px;max-width:none}.support{display:block;padding-top:55px;padding-bottom:65px}.support h2{font-size:30px}.faq{margin-top:40px}.faq summary{font-size:12px}.faq details p{font-size:11px}.closing{padding:70px 0}.closing h2{font-size:37px;margin-bottom:30px}.closing .eyebrow{font-size:8px}.footer-top{display:block}.footer-top>div{margin-top:30px;font-size:10px;gap:24px}.footer-bottom{font-size:8px;margin-top:30px;gap:14px}.footer-bottom>span:nth-child(2){display:none}footer{padding:35px 0 22px}.visitor-scene,.devices-scene{padding:23px}.visitor-scene h3,.devices-scene h3{font-size:22px}.passcode{font-size:27px;letter-spacing:9px}dialog{padding:38px 24px 26px}}
@media(max-width:360px){.hero h1{font-size:54px}.hero-actions{gap:14px}.text-button{font-size:9px}.hero .button{gap:16px;padding:0 15px}.principles span{font-size:10px}.principles i{margin-right:4px}.app-points{gap:13px}.brand span{font-size:14px}.nav-download{margin-right:12px}.feature strong{font-size:13px}.passcode{letter-spacing:7px}.demo-bottom>span:nth-child(2){font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}