:root{color-scheme:dark;--bg:#111614;--panel:#19201c;--muted:#a7b3ab;--green:#c6fa65;--line:#303a32}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:#f4f6ef;font-family:Arial,Helvetica,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 40px;border-bottom:1px solid var(--line)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.7px;display:flex;align-items:center;gap:9px}.brand-icon{background:var(--green);color:var(--bg);width:32px;height:32px;border-radius:9px;font-size:24px;letter-spacing:-4px;padding-right:5px;text-align:center}.brand-icon span{font-style:italic}.dot{color:var(--green);margin-left:-8px}.header-label{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:13px}.header-label i,.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:80px 40px 55px;gap:25px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.8;color:var(--green);font-weight:700}.eyebrow>span{margin-right:8px}h1{font-size:clamp(48px,5.6vw,76px);font-weight:500;letter-spacing:-4px;line-height:1.04;margin:28px 0}h1 em{font-style:normal;color:var(--green)}.lede{max-width:360px;color:var(--muted);font-size:16px;line-height:1.7}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--green);color:#11180c;border:0;border-radius:7px;padding:19px 24px;font-size:14px;font-weight:700;margin-top:20px}.primary span{font-size:21px}.micro{font-size:11px;color:var(--muted);margin-top:18px}.micro span{padding:0 7px}.visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:470px;background:radial-gradient(ellipse,#31402a70,transparent 66%)}.orbit{position:absolute;border:1px solid #4a5c394d;border-radius:50%;width:440px;height:440px}.orbit-two{width:560px;height:560px}.phone{width:232px;height:450px;border:6px solid #424b41;box-shadow:0 0 0 2px #121711,22px 28px 50px #0006;border-radius:40px;background:linear-gradient(150deg,#394c30,#192b24 60%,#536743);transform:rotate(8deg);position:relative;text-align:center}.island{background:#101510;width:70px;height:20px;border-radius:20px;margin:8px auto}.phone-time{font-size:49px;letter-spacing:-2px;margin-top:30px}.phone-date{font-size:10px;color:#d4decb}.app-grid{display:grid;grid-template-columns:repeat(3,43px);gap:20px;margin:35px 25px}.app-grid>span{height:43px;border-radius:12px;background:#d3e9c013}.app-icon{background:var(--green);color:#14200d;font-weight:800;font-size:35px;border-radius:12px;box-shadow:0 0 40px #c6fa6530;letter-spacing:-5px;padding-right:5px;position:relative}.app-icon b{position:absolute;width:62px;height:62px;left:-9px;top:-9px;border:1px solid #c6fa65;border-radius:20px;animation:breathe 3s ease-in-out infinite}.app-label{position:absolute;top:271px;left:87px;font-size:10px}.phone-dock{position:absolute;bottom:14px;left:15px;right:15px;border-radius:19px;background:#d6e9c514;padding:12px;display:flex;justify-content:space-around}.phone-dock i{width:30px;height:30px;background:#d6e9c525;border-radius:9px}.floating{position:absolute;z-index:1}.top{top:0;right:5px;font-size:8px;letter-spacing:2px;transform:rotate(8deg);color:var(--muted)}.bottom{bottom:21px;left:0;background:#263025;border:1px solid #485541;border-radius:12px;display:flex;gap:12px;align-items:center;padding:17px;box-shadow:0 12px 35px #0005;transform:rotate(-4deg);font-size:13px}.bottom>span{background:var(--green);color:#111614;padding:9px;border-radius:50%;font-size:21px}.bottom small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 40px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:36px}.benefits span{color:var(--green);font-size:10px;display:block;margin-bottom:14px}.benefits strong{font-size:14px;font-weight:500}.benefits p{color:var(--muted);font-size:12px;line-height:1.6}.installation{padding:90px 40px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px}h2{font-size:42px;font-weight:500;letter-spacing:-1.8px;line-height:1.12}.section-title>p:last-child{color:var(--muted);font-size:14px}.guide{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--panel)}.tabs{display:flex;padding:5px;background:#101612;border-radius:9px;gap:5px}.tabs button{width:50%;border:0;color:var(--muted);background:transparent;padding:13px;border-radius:6px}.tabs button[aria-selected=true]{background:#34412c;color:var(--green)}.tabs small{font-size:10px;margin-left:5px}.hint{font-size:12px;line-height:1.6;color:var(--muted)}#steps{min-height:190px;padding-top:12px}.step-art{height:75px;border:1px solid #45503b;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:18px;background:linear-gradient(100deg,#273125,#20271d);font-size:13px}.step-art b{font-size:27px;color:var(--green)}#steps h3{font-size:19px;font-weight:500}#steps p{font-size:13px;color:var(--muted);line-height:1.7;max-width:390px}.step-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:11px;color:var(--muted)}.step-controls button,.connection button{border:1px solid #4a5841;background:transparent;color:var(--green);border-radius:6px;padding:10px 15px}.step-controls button:disabled{opacity:.3;cursor:default}.progress{height:3px;background:#35402f;margin:18px 0}.progress span{display:block;background:var(--green);height:100%;width:33.33%;transition:width .3s}.install-button{width:100%;margin-top:0}.faq{max-width:760px;padding:0 40px 70px;margin:auto}.faq h2{margin-top:15px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:14px}.faq details p{color:var(--muted);font-size:13px;line-height:1.8}.connection,.status{margin:0 40px 20px}.connection{background:#302d1c;border:1px solid #706336;padding:20px;border-radius:10px}.status{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--line);padding:30px 40px;display:flex;align-items:center;gap:30px}footer p{font-size:10px;color:var(--muted);line-height:1.6}footer p:last-child{margin-left:auto;max-width:260px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}[hidden]{display:none!important}@keyframes breathe{50%{opacity:.3;transform:scale(1.1)}}@media(max-width:700px){header{padding:22px}.brand{font-size:25px}.header-label{font-size:8px}.hero{display:flex;flex-direction:column;padding:44px 24px 20px;gap:35px}h1{font-size:58px;letter-spacing:-3px}.lede{font-size:14px}.visual{min-height:460px}.top{right:10px}.bottom{left:8px}.benefits{margin:20px 24px;gap:17px}.benefits strong{font-size:12px}.benefits p{font-size:11px}.installation{padding:55px 24px;grid-template-columns:1fr;gap:20px}h2{font-size:36px}.guide{padding:18px}.faq{padding:0 24px 50px}footer{padding:25px;flex-wrap:wrap;gap:15px}footer p:last-child{margin:0;max-width:none;width:100%}.connection,.status{margin-left:24px;margin-right:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}