:root{--off-white:#f5f1ed;--pure-white:#fff;--black:#1a1a1a;--orange:#ff9500}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:none;width:100%;max-width:100vw;overflow-x:hidden}body{background:var(--off-white);color:var(--black);width:100%;max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow-x:hidden}.landing-container{flex-direction:column;align-items:center;width:100%;max-width:100vw;padding:0;display:flex;position:relative;overflow-x:hidden}.bubbles-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bubble{background:var(--pure-white);color:var(--black);white-space:nowrap;border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:12px 20px;font-size:14px;font-weight:600;animation:25s linear infinite floatUp;position:absolute;box-shadow:0 2px 8px rgba(0,0,0,.06)}@keyframes floatUp{0%{opacity:.8;transform:translateY(-20vh)rotate(0)}95%{opacity:.8}to{opacity:0;transform:translateY(120vh)rotate(360deg)}}.bubble-1{animation-duration:18s;animation-delay:-2s;left:3%}.bubble-2{animation-duration:22s;animation-delay:-8s;left:8%}.bubble-3{animation-duration:20s;animation-delay:-15s;left:13%}.bubble-4{animation-duration:19s;animation-delay:-5s;left:18%}.bubble-5{animation-duration:21s;animation-delay:-12s;left:23%}.bubble-6{animation-duration:23s;animation-delay:-18s;left:28%}.bubble-7{animation-duration:17s;animation-delay:-3s;left:33%}.bubble-8{animation-duration:24s;animation-delay:-20s;left:38%}.bubble-9{animation-duration:19s;animation-delay:-7s;left:43%}.bubble-10{animation-duration:22s;animation-delay:-14s;left:48%}.bubble-11{animation-duration:20s;animation-delay:-10s;left:53%}.bubble-12{animation-duration:21s;animation-delay:-16s;left:58%}.bubble-13{animation-duration:18s;animation-delay:-4s;left:63%}.bubble-14{animation-duration:23s;animation-delay:-19s;left:68%}.bubble-15{animation-duration:19s;animation-delay:-6s;left:73%}.bubble-16{animation-duration:22s;animation-delay:-13s;left:78%}.bubble-17{animation-duration:20s;animation-delay:-9s;left:83%}.bubble-18{animation-duration:21s;animation-delay:-17s;left:88%}.bubble-19{animation-duration:24s;animation-delay:-21s;left:93%}.bubble-20{animation-duration:17s;animation-delay:-1s;left:5%}.bubble-21{animation-duration:19s;animation-delay:-11s;left:11%}.bubble-22{animation-duration:22s;animation-delay:-15s;left:16%}.bubble-23{animation-duration:20s;animation-delay:-8s;left:21%}.bubble-24{animation-duration:23s;animation-delay:-22s;left:26%}.bubble-25{animation-duration:18s;animation-delay:-5s;left:31%}.bubble-26{animation-duration:21s;animation-delay:-12s;left:36%}.bubble-27{animation-duration:19s;animation-delay:-7s;left:41%}.bubble-28{animation-duration:24s;animation-delay:-23s;left:46%}.bubble-29{animation-duration:22s;animation-delay:-14s;left:51%}.bubble-30{animation-duration:20s;animation-delay:-9s;left:56%}.bubble-31{animation-duration:17s;animation-delay:-3s;left:61%}.bubble-32{animation-duration:21s;animation-delay:-16s;left:66%}.bubble-33{animation-duration:23s;animation-delay:-20s;left:71%}.bubble-34{animation-duration:19s;animation-delay:-6s;left:76%}.bubble-35{animation-duration:22s;animation-delay:-13s;left:81%}.bubble-36{animation-duration:20s;animation-delay:-10s;left:86%}.bubble-37{animation-duration:18s;animation-delay:-4s;left:91%}.bubble-38{animation-duration:24s;animation-delay:-21s;left:96%}.bubble-39{animation-duration:21s;animation-delay:-11s;left:7%}.bubble-40{animation-duration:19s;animation-delay:-7s;left:12%}.bubble-41{animation-duration:23s;animation-delay:-18s;left:17%}.bubble-42{animation-duration:20s;animation-delay:-9s;left:22%}.bubble-43{animation-duration:22s;animation-delay:-15s;left:27%}.bubble-44{animation-duration:18s;animation-delay:-2s;left:32%}.bubble-45{animation-duration:21s;animation-delay:-12s;left:37%}.bubble-46{animation-duration:24s;animation-delay:-19s;left:42%}.bubble-47{animation-duration:19s;animation-delay:-5s;left:47%}.bubble-48{animation-duration:20s;animation-delay:-10s;left:52%}.bubble-49{animation-duration:22s;animation-delay:-16s;left:57%}.bubble-50{animation-duration:17s;animation-delay:-4s;left:62%}.hero-section{z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 30px);display:flex;position:relative}.hero-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:32px;width:calc(100% - 40px);max-width:700px;padding:60px 40px 80px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.08)}.setup-container{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border:1px solid rgba(0,0,0,.1);border-radius:32px;width:calc(100% - 40px);max-width:900px;margin:0 20px 60px;padding:60px 40px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.08)}.landing-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));width:120px;height:120px;margin:0 auto 24px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-title{color:var(--black);letter-spacing:-.02em;margin-bottom:16px;font-size:56px;font-weight:800}.landing-subtitle{color:var(--orange);margin-bottom:16px;font-size:28px;font-weight:700}.landing-description{color:var(--black);opacity:.8;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.6}.download-button{background:var(--black);color:var(--pure-white);cursor:pointer;border:none;border-radius:16px;align-items:center;gap:12px;padding:18px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px rgba(0,0,0,.15)}.download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.download-button:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,0,0,.15)}.compatibility-note{color:var(--black);opacity:.6;margin-top:16px;margin-bottom:60px;font-size:14px}.scroll-indicator{color:var(--black);opacity:.6;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll-indicator span{font-size:14px;font-weight:600}.scroll-indicator svg{animation:2s ease-in-out infinite arrowBounce}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.setup-section{text-align:left}.setup-title{color:var(--black);margin-bottom:40px;font-size:32px;font-weight:800}.setup-block{margin-bottom:32px;padding:0}.setup-steps{text-align:left;flex-direction:column;gap:32px;display:flex}.setup-step{align-items:flex-start;gap:24px;display:flex}.step-number{background:var(--black);width:48px;height:48px;color:var(--pure-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.step-content{flex:1}.step-content h3{color:var(--black);margin-bottom:8px;font-size:20px;font-weight:700}.step-content p{color:var(--black);opacity:.8;margin-bottom:8px;font-size:16px;line-height:1.6}.step-detail{margin-top:4px;opacity:.7!important;font-size:15px!important}.terminal-instructions{background:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.1);border-radius:12px;margin:16px 0;padding:20px}.instruction-title{color:var(--black)!important;opacity:1!important;margin-top:16px!important;margin-bottom:8px!important;font-size:16px!important;font-weight:600!important}.instruction-title:first-child{margin-top:0!important}.step-note{background:rgba(255,149,0,.1);border-radius:8px;padding:12px 16px;font-weight:500;color:var(--orange)!important;margin-top:16px!important;font-size:14px!important}.step-list{margin-top:12px;padding-left:0;list-style:none}.step-list li{color:var(--black);opacity:.8;padding:8px 0 8px 24px;font-size:15px;position:relative}.tutorial-media{background:var(--pure-white);border:1px solid rgba(0,0,0,.08);border-radius:16px;margin-top:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12)}.tutorial-video{object-fit:cover;width:100%;height:auto;display:block}.step-list li:before{content:"→";color:var(--orange);font-weight:700;position:absolute;left:0}.code-block{background:var(--black);color:var(--pure-white);border-radius:12px;align-items:center;gap:12px;margin-top:12px;padding:16px;font-family:Monaco,Courier New,monospace;font-size:14px;display:flex;overflow-x:auto}.code-block code{white-space:nowrap;flex:1}.copy-button{background:var(--pure-white);color:var(--black);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.copy-button:hover{background:var(--off-white);transform:scale(1.05)}.copy-button:active{transform:scale(.95)}.copy-button.copied{color:var(--pure-white);background:#4ade80}.copy-button.copied:hover{background:#22c55e}.privacy-note{color:var(--black);opacity:.8;background:rgba(0,0,0,.03);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:40px;padding:16px 24px;font-size:14px;display:flex}.privacy-note svg{flex-shrink:0}.landing-footer{text-align:center;border-top:2px solid rgba(0,0,0,.1);margin-top:60px;padding-top:32px}.landing-footer p{color:var(--black);opacity:.6;margin-bottom:12px;font-size:14px}.footer-links{justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.footer-links a{color:var(--black);font-weight:600;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--orange)}.footer-links span{opacity:.3}@media (max-width:768px){.hero-content{border-radius:24px;width:calc(100% - 32px);padding:40px 30px 60px}.setup-container{border-radius:24px;width:calc(100% - 32px);margin:0 16px 40px;padding:40px 30px}.landing-logo{width:80px;height:80px;margin-bottom:20px}.landing-title{font-size:40px}.landing-subtitle{font-size:22px}.landing-description{margin-bottom:32px;font-size:16px}.download-button{gap:10px;padding:16px 28px;font-size:16px}.compatibility-note{margin-bottom:50px;font-size:13px}.scroll-indicator{bottom:12px}.scroll-indicator span{font-size:13px}.setup-title{margin-bottom:32px;font-size:28px}.setup-steps{gap:28px}.setup-step{gap:16px}.step-number{width:40px;height:40px;font-size:18px}.step-content h3{font-size:18px}.step-content p{font-size:15px}.code-block{gap:8px;padding:14px;font-size:13px}.code-block code{white-space:pre-wrap;word-break:break-all;overflow-x:auto}.copy-button{padding:6px 12px;font-size:12px}.privacy-note{text-align:center;flex-direction:column;padding:14px 18px;font-size:13px}.landing-footer{margin-top:40px;padding-top:24px}.footer-links{flex-direction:column;gap:8px}.footer-links span{display:none}}@media (max-width:480px){.hero-section{height:calc(100vh - 20px)}.hero-content{border-radius:20px;width:calc(100% - 24px);padding:32px 24px 50px}.setup-container{border-radius:20px;width:calc(100% - 24px);margin:0 12px 32px;padding:32px 24px}.landing-logo{width:70px;height:70px;margin-bottom:16px}.landing-title{margin-bottom:12px;font-size:32px}.landing-subtitle{margin-bottom:12px;font-size:20px}.landing-description{margin-bottom:28px;font-size:15px}.download-button{justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:15px}.download-button svg{width:18px;height:18px}.compatibility-note{margin-top:12px;margin-bottom:45px;font-size:12px}.scroll-indicator{bottom:10px}.scroll-indicator span{font-size:11px}.scroll-indicator svg{width:18px;height:18px}.setup-title{margin-bottom:24px;font-size:24px}.setup-steps{gap:24px}.setup-step{gap:12px}.step-number{width:36px;height:36px;font-size:16px}.step-content h3{margin-bottom:6px;font-size:17px}.step-content p{font-size:14px}.tutorial-media{border-radius:12px;margin-top:16px}.step-detail{font-size:13px!important}.terminal-instructions{padding:16px}.instruction-title{margin-top:12px!important;font-size:14px!important}.step-note{padding:10px 12px;font-size:13px!important}.step-list li{padding:6px 0 6px 20px;font-size:14px}.code-block{padding:12px;font-size:12px}.copy-button{padding:10px 14px;font-size:12px}.privacy-note{margin-top:32px;padding:12px 16px;font-size:12px}.landing-footer{margin-top:32px;padding-top:20px}.landing-footer p,.footer-links{font-size:13px}.bubble{border-radius:20px;padding:8px 14px;font-size:11px}}@media (max-width:360px){.hero-content{padding:28px 20px 45px}.setup-container{padding:28px 20px}.landing-title{font-size:28px}.landing-subtitle{font-size:18px}.landing-description{font-size:14px}.download-button{padding:12px 20px;font-size:14px}.setup-title{font-size:22px}.bubble{padding:7px 12px;font-size:10px}}