:root{font-family:Arial,Helvetica,sans-serif;color:#172720;background:#f7faf7;--green:#1bc267;--ink:#162820}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #008642;outline-offset:6px}header,main,footer{max-width:1240px;margin:auto}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 36px}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:700;letter-spacing:-1px}.brand img{width:46px;height:46px;object-fit:contain}nav{display:flex;gap:30px;font-size:14px}.button{background:var(--green);border:1px solid var(--green);color:#092316;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:20px 28px;font-size:16px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#15ad5a;transform:translateY(-2px)}.button.small{padding:13px 20px;font-size:14px}.hero{min-height:770px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;padding:36px 36px 80px;gap:28px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:inline-flex;align-items:center;gap:10px;color:#467453}.eyebrow i{height:7px;width:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(54px,6vw,82px);font-weight:650;letter-spacing:-5px;line-height:1.04;margin:26px 0}h1 em{font-style:normal;color:#12944b}.intro>p{font-size:16px;line-height:1.8;max-width:440px;color:#607267}.intro .download{margin-top:20px;box-shadow:0 9px 30px #1bc26722}.release{font-size:12px;margin:16px 0;color:#6d7d70}.intro .notice{font-size:12px;line-height:1.6;max-width:380px}.hero-stats{border-top:1px solid #dce5de;display:flex;gap:42px;margin-top:30px;padding-top:25px;max-width:440px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:17px}.hero-stats span{font-size:11px;color:#718276;margin-top:7px}.visual{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#d5efda88,transparent 70%)}.orbit{position:absolute;border:1px solid #b7d3bc66;border-radius:50%;width:490px;height:490px}.orbit-two{width:380px;height:380px}.phone{position:relative;z-index:1;width:282px;height:580px;border:7px solid #1d2621;border-radius:42px;background:#0d0e10;color:#fff;overflow:hidden;box-shadow:20px 30px 65px #1f3c302a;transform:rotate(4deg);font-size:11px}.phone-time{padding:11px 17px 16px;font-weight:bold}.phone-time span{float:right;font-size:9px}.feed-tabs{display:flex;gap:15px;border:1px solid #3c3d3d;border-radius:30px;padding:14px 10px;margin:0 9px 16px;font-size:9px;color:#aaa}.feed-tabs b{color:var(--green)}.feed-person{display:flex;align-items:center;gap:8px;padding:13px 12px}.avatar{display:grid;place-items:center;background:#195b35;width:32px;height:32px;border-radius:10px;color:#bce9c2}.avatar.pale{background:#4e5937}.feed-person strong{font-size:10px}.feed-person small{display:block;font-size:8px;color:#999;margin-top:4px}.feed-person>span:last-child{margin-left:auto}.landscape{width:100%;height:245px;object-fit:cover}.reactions{padding:12px}.reactions span{float:right}.caption{margin:0 12px 9px;color:#aaa;font-size:9px}.waterfall{width:100%;height:140px;object-fit:cover}.phone-nav{position:absolute;bottom:8px;left:7px;right:7px;display:flex;align-items:center;justify-content:space-around;background:#222b27ef;border:1px solid #586459;border-radius:30px;padding:8px;font-size:20px;color:#aaa}.phone-nav b{background:var(--green);border-radius:50%;padding:3px 9px;color:#164b2c}.phone-nav img{width:22px;height:22px;object-fit:contain}.floating-note{position:absolute;z-index:2;top:78px;left:4px;background:#fff;box-shadow:0 10px 30px #18362112;padding:15px 18px;border-radius:15px;transform:rotate(-7deg);font-size:12px;color:#41644c}.preview-tag{position:absolute;bottom:22px;font-size:9px;letter-spacing:2px;color:#718577}.experience{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:90px 36px;border-top:1px solid #dce5de}h2{font-size:45px;line-height:1.12;font-weight:550;letter-spacing:-2px;margin:24px 0}.feature-list article{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid #dce5de}.feature-list article:first-child{padding-top:0}.feature-list article>span{color:#45a365;font-size:12px;padding-top:6px}h3{font-size:21px;letter-spacing:-.5px;margin:0 0 10px}.feature-list p,.install p,.about p{color:#657b6b;font-size:14px;line-height:1.8;margin:0}.install{margin:30px 36px 70px;padding:55px;border-radius:28px;background:#e5efe4;display:grid;grid-template-columns:1fr 1fr;gap:70px}.install h2{font-size:38px}.install ol{list-style:none;counter-reset:steps;padding:0;margin:0;display:grid;gap:26px}.install li{position:relative;padding-left:40px;counter-increment:steps}.install li:before{content:counter(steps);position:absolute;left:0;top:0;border:1px solid #adccb0;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;font-size:11px}.install li b,.install li span{display:block}.install li b{font-size:15px;margin-bottom:7px}.install li span{font-size:12px;line-height:1.8;color:#607563}.about{text-align:center;padding:40px 30px 95px}.about p{max-width:650px;margin:0 auto 22px}.about a{font-size:13px;color:#138b46;font-weight:bold}footer{border-top:1px solid #dce5de;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#738375}footer .brand{font-size:21px;color:var(--ink)}footer .brand img{width:33px;height:33px}@media(max-width:800px){header{padding:0 22px;height:85px}nav{display:none}.hero{padding:25px 24px 40px;grid-template-columns:1fr}.intro>p{max-width:560px}h1{font-size:65px;letter-spacing:-3.5px}.hero-stats{max-width:100%}.visual{min-height:620px;margin-top:12px;overflow:hidden}.floating-note{left:4%;top:35px}.phone{transform:rotate(3deg)}.orbit{max-width:100%}.experience{grid-template-columns:1fr;gap:30px;padding:65px 24px}h2{font-size:36px}.install{margin:0 18px 40px;padding:30px 24px;grid-template-columns:1fr;gap:32px}.install h2{font-size:32px}.about{padding:45px 24px 65px}footer{padding:24px;gap:20px;flex-wrap:wrap}footer>span{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}