:root{--bg:#09110d;--panel:#0e1b13;--green:#42e87b;--mint:#e9f6ec;--muted:#a0aea5;--line:rgba(201,233,212,.13);font-family:'DM Sans',sans-serif;color:var(--mint);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:32px}
*{box-sizing:border-box}body{margin:0}main{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}a,button,summary{outline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green)}.skip-link{position:fixed;top:-70px;left:20px;z-index:10;padding:12px;background:var(--green);color:var(--bg)}.skip-link:focus{top:12px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.5px}.brand img{object-fit:contain}.site-header nav{display:flex;gap:34px;font-size:13px;color:#c0cac3;font-weight:500}.site-header nav a:hover,.footer-links a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:#071c0d;border:1px solid var(--green);padding:17px 25px;border-radius:100px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;position:relative;z-index:1}.button:hover{background:#78f19f;transform:translateY(-2px)}.button svg{width:18px;height:18px}.button-small{padding:12px 19px;gap:19px;font-size:13px}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;min-height:650px;padding-top:45px;padding-bottom:48px;position:relative}.hero-copy{position:relative;z-index:1;padding-top:0}.hero-copy h1{margin-top:0}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #42e87b30}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(48px,6.1vw,84px);font-weight:800;line-height:1.045;letter-spacing:-4.7px;margin:26px 0}h1 span,h2 span{color:var(--green)}.hero-description{font-size:17px;line-height:1.65;max-width:410px;color:#a9b6ad}.download-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}.store-button{display:flex;align-items:center;justify-content:center;gap:10px;color:#e9f6ec;background:transparent;border:1px solid #536259;border-radius:10px;min-width:164px;height:54px;padding:8px 14px;transition:transform .2s,background .2s}.store-button:hover{transform:translateY(-3px);background:#1b2d22}.store-button svg{width:28px;height:30px}.store-button span{display:flex;flex-direction:column;text-align:left}.store-chrome{min-width:172px}.store-chrome:disabled{opacity:1;cursor:default}.chrome-store-icon{width:34px;height:34px;object-fit:contain;flex-shrink:0}.store-chrome sup{font-size:8px;vertical-align:super;margin-left:1px}.store-button small{font-size:9px;line-height:1.3;letter-spacing:.25px}.store-button strong{font-size:19px;line-height:1.1;font-weight:650;letter-spacing:-.5px}.store-secondary svg{width:24px;height:27px;stroke-width:1.3}.hero-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#98a79d;margin-top:19px;white-space:nowrap}.stars{color:var(--green);letter-spacing:1px;font-size:12px}.meta-dot{margin:0 2px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:#c5d0c9;margin-top:31px}.text-link:hover{color:var(--green)}.inline-arrow{width:18px;height:18px;stroke-width:1.6;transition:transform .2s}.text-link:hover .inline-arrow{transform:translateY(3px)}.hero-art{position:relative;width:100%;height:565px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:-30px -70px;background:radial-gradient(ellipse,#23693d42 0,transparent 65%);z-index:-2}.orbit{position:absolute;border:1px solid #2d604039;border-radius:50%;width:530px;height:530px;left:20px;top:25px;z-index:-1}.orbit-two{transform:scale(.78)}.orbit-three{transform:scale(1.2);border-color:#2d604026}.orbit-spark{position:absolute;font-size:23px;color:#7eaa7e}.spark-one{left:20px;top:80px;transform:rotate(15deg)}.spark-two{right:11px;bottom:80px;font-weight:300}.phone{position:relative;aspect-ratio:514/1070;overflow:hidden;border-radius:15% / 7.2%;background:#10241a;box-shadow:0 22px 35px #0007;isolation:isolate}.phone img{position:absolute;width:116.342%;max-width:none;height:auto;left:-8.171%;top:-20.374%}.hero-art .phone{position:absolute}.phone-home{width:232px;left:33px;top:53px;transform:rotate(-12deg);z-index:0}.phone-watch{width:248px;right:17px;top:39px;transform:rotate(8deg);z-index:1}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;border:1px solid #4d735461;background:#172b20ed;border-radius:14px;box-shadow:0 15px 35px #0005;backdrop-filter:blur(15px);z-index:2}.sync-note{left:65px;top:13px;padding:13px 16px;transform:rotate(-4deg);font-size:12px;font-weight:600}.note-icon{display:grid;place-items:center;width:32px;height:32px;background:#42e87b1c;border-radius:50%;color:var(--green)}.note-icon svg{width:18px;height:18px}.floating-note small{display:block;font-size:9px;color:#a5b9ad;margin-top:3px;font-weight:400}.sync-note>.live-dot{margin-left:10px}.reaction-note{right:-9px;bottom:63px;padding:11px 15px;font-size:12px;transform:rotate(3deg)}.reaction-note div span{color:var(--green)}.mini-avatar{background:#d8bba0;color:#384132;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:24px}.heart{font-size:25px;color:#ee977d;margin-left:4px}.hero-art-caption{position:absolute;bottom:-9px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1.5px;white-space:nowrap;display:flex;align-items:center;gap:8px;color:#90a096}.hero-art-caption .live-dot{width:4px;height:4px}.services{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:31px 0 28px;text-align:center}.section-kicker{font-size:9px;letter-spacing:2px;color:#94a59a;font-weight:600}.service-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px 44px;margin:29px auto 25px;max-width:1000px}.service-logo{flex:0 0 calc((100% - 220px)/6);height:36px;display:flex;align-items:center;justify-content:center;min-width:0}.service-logo img{max-width:127px;width:100%;height:33px;object-fit:contain;filter:grayscale(1) brightness(0) invert(.85);opacity:.78}.service-youtube img{filter:grayscale(1) brightness(1.8)}.service-disney img{height:39px}.service-plex img{max-width:74px}.service-drive{gap:8px;color:#a9b6ad;white-space:nowrap;font-size:14px;font-weight:600;letter-spacing:-.4px}.service-drive img{width:27px;height:27px;flex-shrink:0}
.other-services{font-size:10px;color:#7b8e80}.other-services span{margin:0 9px}.how-section{padding-top:104px;padding-bottom:72px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}h2{font-size:clamp(32px,3.5vw,47px);line-height:1.14;letter-spacing:-1.9px;font-weight:750}h2 .eyebrow{margin-bottom:18px}.section-heading .eyebrow,.faq-section .eyebrow{margin-bottom:19px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);padding-bottom:4px}.how-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:72px;align-items:center}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:38px 1fr 20px;gap:16px;align-items:start;text-align:left;padding:28px 10px 28px 0;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;transition:opacity .2s;opacity:1}.step:first-child{border-top:1px solid var(--line)}.step:hover,.step.active{opacity:1}.step-number{font-size:11px;font-weight:500;margin-top:5px;color:#9bafa0}.step strong{font-family:'Manrope',sans-serif;font-size:20px;font-weight:650;letter-spacing:-.6px;display:block;line-height:1.3}.step-description{font-size:13px;line-height:1.75;color:#96ab9c;display:block;margin-top:12px;max-width:310px}.step-arrow{width:18px;height:18px;stroke-width:1.6;color:#8eaa95;margin-top:4px;transition:transform .2s}.step:hover .step-arrow{transform:translateX(2px)}.step.active .step-number,.step.active .step-arrow{color:var(--green)}.step.active strong{color:var(--green)}.step-stage{height:465px;position:relative;background:linear-gradient(125deg,#10291b,#132c20 60%,#14281a);border:1px solid #2f5237;border-radius:20px;overflow:hidden}.stage-topline{position:absolute;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.3px;color:#c2dbc9;z-index:2}.stage-topline>span:last-child{margin-left:auto;color:#9fbaa7;letter-spacing:2px}.stage-glow{width:380px;height:380px;border-radius:50%;background:#42e87b15;position:absolute;top:100px;left:20px;filter:blur(55px)}.stage-ring{border:1px solid #5d8e613b;width:470px;height:470px;border-radius:50%;position:absolute;left:calc(50% - 235px);top:105px}.stage-phone{position:absolute;width:224px;top:80px;left:calc(50% - 112px);transform:rotate(8deg);box-shadow:0 20px 60px #0008}.stage-label{position:absolute;z-index:2;bottom:26px;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:12px;background:#deefd9;color:#173824;padding:14px 18px;border-radius:11px;font-size:11px;font-weight:600;box-shadow:0 9px 30px #06100950}.stage-label svg{width:16px;height:16px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);margin-top:53px;gap:48px}.benefit-icon{display:block;color:var(--green);margin-bottom:18px}.benefit-icon svg{width:25px;height:25px}.benefits h3{font-size:17px;letter-spacing:-.45px;font-weight:650;margin-bottom:10px}.benefits p{font-size:12px;line-height:1.9;color:#93a598;max-width:310px}.faq-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:110px;padding-top:72px;padding-bottom:95px}.faq-section>div>p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:23px}.faq-section>div>p a{display:inline-flex;align-items:center;gap:6px;margin-top:9px;color:#d7e8db;border-bottom:1px solid #5a7660}.external-arrow{width:14px;height:14px;stroke-width:1.6;flex-shrink:0}.footer-links a{display:inline-flex;align-items:center;gap:5px}.faqs{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;font-size:14px;font-weight:550;padding:22px 2px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;line-height:1.4}summary::-webkit-details-marker{display:none}.faq-plus{position:relative;width:15px;height:15px;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:7px;left:0;width:15px;height:1px;background:#789c83}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-plus:after{transform:rotate(0)}details[open] summary{color:var(--green)}details p{font-size:12px;line-height:1.9;color:#9eafa3;padding:0 34px 22px 2px}.download-section{position:relative;isolation:isolate;border:1px solid #294d33;border-radius:24px;background:#102218;text-align:center;padding:48px 24px 52px;overflow:hidden}.download-section .eyebrow{justify-content:center;margin:18px 0}.download-section h2{font-size:55px;letter-spacing:-2.5px}.download-section>p{color:#a3b7a9;font-size:13px;margin-top:18px}.download-section .download-buttons{justify-content:center;margin-top:25px}.download-mark{width:64px;margin:0 auto 24px}.download-glow{width:600px;height:450px;position:absolute;left:50%;top:30%;transform:translateX(-50%);background:radial-gradient(ellipse,#32894a25,transparent 70%);z-index:-1}.download-note{display:block;color:#8ca696;margin-top:17px;font-size:9px;letter-spacing:.3px}.site-footer{display:flex;align-items:center;gap:40px;justify-content:space-between;padding-top:55px;padding-bottom:38px}.site-footer .brand{font-size:25px;gap:8px}.site-footer p{font-size:10px;color:#758b7b;margin-top:11px}.footer-links{display:flex;gap:25px;font-size:11px;color:#9caea2}.copyright{font-size:10px;color:#819b8a}
@media(min-width:1440px){.hero{min-height:720px}.hero-art{height:590px}.phone-home{width:247px;left:35px;top:52px}.phone-watch{width:269px;right:15px;top:34px}.hero-art-caption{bottom:-5px}.reaction-note{bottom:49px}.hero-art:before{inset:-35px -70px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{min-height:600px;grid-template-columns:1fr 1fr}h1{font-size:6.25vw;letter-spacing:-3.5px}.hero-art{height:520px}.phone-home{width:200px;left:17px;top:73px}.phone-watch{width:218px;right:0;top:54px}.orbit{width:430px;height:430px;left:-8px;top:60px}.sync-note{left:15px;top:25px}.reaction-note{right:-9px;bottom:43px}.hero-art-caption{bottom:-5px}.hero-meta{font-size:9px;gap:6px}.hero-description{font-size:15px}.store-button{min-width:145px;padding-inline:10px}.how-grid{gap:40px}.section-heading>p{font-size:12px}.faq-section{gap:65px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:83px}.site-header nav{gap:19px;font-size:11px}.brand{font-size:26px;gap:7px}.brand img{width:42px}.button-small{padding:10px 15px;font-size:11px;gap:10px}.hero{padding-top:35px;min-height:540px;gap:10px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:6.4vw;letter-spacing:-2.7px}.hero-description{font-size:13px}.hero .download-buttons{gap:8px;flex-wrap:wrap}.hero .store-button{min-width:125px;height:49px;gap:6px;padding:7px 10px}.hero .store-button svg{width:21px;height:25px}.hero .store-button strong{font-size:16px}.hero .store-button small{font-size:8px}.hero-meta{flex-wrap:wrap;max-width:260px;white-space:normal;gap:5px}.hero-meta .meta-dot{display:none}.hero-meta>span:last-child{flex-basis:100%;margin-top:3px}.hero-art{height:410px}.phone-home{width:166px;left:6px;top:44px}.phone-watch{width:184px;right:0;top:27px}.sync-note{left:0;top:0;font-size:10px;padding:10px}.sync-note .note-icon{width:23px;height:23px}.sync-note small{font-size:8px}.reaction-note{right:-2px;bottom:18px;padding:9px;font-size:10px;gap:7px}.mini-avatar{width:25px;height:25px;font-size:20px}.heart{font-size:22px}.hero-art-caption{font-size:6px;letter-spacing:1px;bottom:-12px}.orbit{width:350px;height:350px;top:30px;left:-10px}.hero-art:before{inset:0 -20px}.service-logos{gap:26px 34px;max-width:590px}.service-logo{flex-basis:calc((100% - 68px)/3)}.service-logo img{max-width:115px;height:27px}.service-disney img{height:34px}.service-plex img{max-width:74px}.other-services{font-size:9px;line-height:1.8}.how-section{padding:70px 0}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p br{display:none}.how-grid{gap:27px}.step{gap:9px;grid-template-columns:25px 1fr 14px;padding-block:23px}.step strong{font-size:17px}.step-description{font-size:11px}.step-stage{height:430px}.stage-topline{font-size:6px;letter-spacing:1px;left:14px;right:14px}.stage-phone{width:205px;left:calc(50% - 102.5px)}.stage-label{font-size:9px;gap:7px;padding:12px}.benefits{gap:25px}.benefits h3{font-size:15px}.benefits p{font-size:11px}.faq-section{gap:40px;padding-block:70px;grid-template-columns:1fr 1.5fr}summary{font-size:12px}details p{font-size:11px}.download-section h2{font-size:45px}.site-footer{gap:25px;flex-wrap:wrap}.footer-links{gap:18px}.copyright{flex-basis:100%}}
@media(max-width:600px){:root{scroll-padding-top:20px}.site-header nav{display:none}.site-header{height:79px}.site-header .brand{font-size:25px;letter-spacing:-1.2px}.site-header .brand img{width:36px}.hero{display:flex;flex-direction:column;gap:0;text-align:center;padding-top:40px;padding-bottom:33px}.hero-copy{padding:0}.hero .eyebrow{justify-content:center;font-size:8px}h1{font-size:clamp(42px,10.8vw,62px);letter-spacing:-2.8px;margin:21px 0 18px;line-height:1.07}.hero-description{font-size:14px;max-width:335px;margin:auto;line-height:1.65}.hero .download-buttons{justify-content:center;margin-top:24px;gap:10px}.hero .store-button{min-width:144px;height:52px;gap:9px}.hero .store-button strong{font-size:18px}.hero .store-button svg{width:26px}.hero-meta{max-width:none;justify-content:center;font-size:8px;gap:7px;margin-top:15px}.hero-meta .meta-dot{display:inline}.hero-meta>span:last-child{flex-basis:auto;margin:0}.stars{font-size:10px}.text-link{margin-top:23px;font-size:11px}.inline-arrow{width:16px;height:16px}.hero-art{width:min(380px,100%);height:418px;margin-top:38px;text-align:left}.phone-home{width:174px;left:28px;top:41px}.phone-watch{width:190px;right:18px;top:25px}.sync-note{left:35px;top:-2px;font-size:10px}.reaction-note{right:0;bottom:20px}.orbit{width:350px;height:350px;left:calc(50% - 175px);top:28px}.orbit-three{transform:scale(1.05)}.spark-one{left:0;top:55px}.spark-two{right:-3px;bottom:80px}.hero-art-caption{font-size:7px;bottom:-16px}.hero-art:before{inset:0}.services{padding:29px 0 24px;margin-top:21px}.section-kicker{font-size:8px;letter-spacing:1.5px}.service-logos{gap:22px 16px;margin:26px auto;max-width:380px}.service-logo{flex-basis:calc((100% - 32px)/3);height:32px}.service-logo img{height:24px;max-width:89px}.service-disney img{height:31px}.service-plex img{max-width:61px}.service-drive{gap:5px;font-size:10px;letter-spacing:-.2px}.service-drive img{width:18px;height:18px}.other-services{font-size:9px;max-width:270px;margin:auto}.other-services span{display:block;font-size:0;height:6px}.how-section{padding-top:62px;padding-bottom:57px}h2{font-size:32px;letter-spacing:-1.3px}.section-heading{gap:17px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p{font-size:12px;line-height:1.75;max-width:320px}.how-grid{display:flex;flex-direction:column;gap:24px}.steps{width:100%}.step{padding:20px 0;grid-template-columns:27px 1fr 18px;gap:14px}.step strong{font-size:18px}.step-description{font-size:12px;line-height:1.7;margin-top:8px;max-width:300px}.step:not(.active) .step-description{display:none}.step:not(.active){align-items:center}.step-number{margin-top:4px}.step-stage{width:100%;height:390px;border-radius:15px}.stage-topline{font-size:8px;left:20px;right:20px;top:20px}.stage-phone{width:211px;left:calc(50% - 105.5px);top:61px}.stage-label{font-size:10px;bottom:23px;padding:13px 15px}.benefits{grid-template-columns:1fr;gap:27px;margin-top:39px}.benefits article{display:grid;grid-template-columns:30px 1fr;column-gap:17px;row-gap:8px}.benefit-icon{grid-row:span 2;margin:0;padding-top:1px}.benefits h3{font-size:16px;margin:0}.benefits p{font-size:12px;max-width:320px}.faq-section{display:flex;flex-direction:column;gap:29px;padding-block:57px}.faq-section h2 br{display:none}.faq-section>div>p{margin-top:17px;font-size:12px}.faq-section>div>p br{display:none}.faq-section>div>p a{margin-left:4px}summary{font-size:13px;padding-block:20px}details p{font-size:12px;padding-right:23px}.download-section{border-radius:18px;padding:36px 15px 37px}.download-section h2{font-size:35px;letter-spacing:-1.8px}.download-mark{width:55px}.download-section .eyebrow{font-size:7px;margin:17px 0}.download-section>p{font-size:12px}.download-section .download-buttons{gap:8px;margin-top:23px}.download-section .store-button{min-width:139px;gap:7px;padding:7px 10px;height:51px}.download-section .store-button strong{font-size:17px}.download-section .store-button small{font-size:8px}.download-section .store-button svg{width:25px}.download-note{font-size:8px}.site-footer{padding-top:36px;padding-bottom:27px;gap:26px}.site-footer>div:first-child{flex-basis:100%;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.site-footer p{font-size:8px;margin:0}.site-footer .brand{font-size:23px}.site-footer .brand img{width:37px}.footer-links{gap:20px;font-size:10px}.copyright{flex-basis:auto;margin-left:auto;font-size:9px}.button-small svg{width:15px;height:15px}}
@media(max-width:600px){.chrome-store-icon{width:30px;height:30px}.store-chrome sup{font-size:7px}.download-section .store-chrome{min-width:153px}.hero .store-chrome{min-width:153px}.site-footer>div:first-child{align-items:flex-start}.site-footer>div:first-child p{max-width:150px;line-height:1.5;text-align:right}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
