*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#f4f4f4;background-color:#0d1115;min-width:320px;margin:0;font-family:Arial,sans-serif}img{max-width:100%;height:auto}.container{width:min(100%,1280px);margin-inline:auto;padding-inline:16px;position:relative}.site-header{z-index:1000;position:relative}.navbar{align-items:center;gap:20px;min-height:72px;padding-block:16px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand img{width:36px;height:36px}.brand span{font-size:28px;font-weight:600}.nav-links{align-items:center;gap:32px;display:none}.nav-links a{color:#b8c0ca;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#f3f5f7}.nav-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-actions a{color:#b8c0ca;text-decoration:none;transition:color .3s}.nav-actions a:hover{color:#f3f5f7}.icon-button{cursor:pointer;color:#5aaaf5;background:0 0;border:none;justify-content:center;align-items:center;transition:color .3s;display:none}.icon-button:hover{color:#f3f5f7}.profile-menu-wrap{align-items:center;display:flex;position:relative}.profile-links{opacity:0;pointer-events:none;gap:24px;transition:opacity .25s,transform .25s;display:none;position:absolute;right:50px;transform:translate(40px)}.profile-links.open{opacity:1;pointer-events:auto;transform:translate(0)}.profile-links a{color:#aeb8c4;white-space:nowrap;opacity:0;border-radius:6px;padding:8px 12px;text-decoration:none;transition:opacity .25s,transform .25s,color .2s;transform:translate(12px)}.profile-links a:hover{color:#f5f7fa}.profile-links.open a{opacity:1;transform:translate(0)}.profile-links.open a:first-child{border:1px solid #2c333b;transition:color .2s,border .2s}.profile-links.open a:nth-child(2){color:#0d1115;background-color:#56b0f0;font-weight:600;transition:color .2s,background-color .2s}.profile-links a:first-child:hover{color:#fbfbfb;border:1px solid #eeecec}.profile-links a:nth-child(2):hover{color:#fbfbfb;opacity:.9;background-color:#0d1115;font-weight:600}.menu-button{cursor:pointer;color:#b8c0ca;background:0 0;border:none;justify-content:center;margin-left:auto;display:flex}.mobile-menu{opacity:0;visibility:hidden;pointer-events:none;background-color:#11161b;border:1px solid #252b34;border-top:none;border-radius:3px;flex-direction:column;width:230px;height:calc(100vh - 72px);transition:opacity .2s,transform .2s;display:flex;position:fixed;top:72px;right:0;transform:translate(6px)}.mobile-menu-item{color:#d5dbe2;background-color:#0000;border-bottom:1px solid #1a2229;width:100%;padding:12px;font-weight:400;text-decoration:none;transition:background-color .2s,color .2s;display:block}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{color:#f5f7fa;background-color:#161d24}.mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.hero{background:radial-gradient(200px at 30% 30%,#f9fcfee5 0%,#399fedaf 9%,#3aaaff52 42%,#3aaaff16 68%,#0000 100%),radial-gradient(220px at 40% 21%,#3aa9ff6b 0%,#3aa9ff2e 42%,#3aa9ff0f 68%,#0000 100%),radial-gradient(320px at 78% 34%,#6ba6ff4d 0%,#589cff1f 48%,#0000 100%),linear-gradient(#0d1115 0%,#151d25 20%,#011021 58%,#0d1115 100%);align-items:center;min-height:calc(100vh - 72px);padding-block:48px;display:flex;overflow:hidden}.hero-content{flex-direction:column;justify-content:space-between;gap:10px;display:flex}.hero-visual{order:1}.hero-copy{flex-direction:column;order:2;gap:10px;margin-top:auto;padding-top:6px;display:flex}.hero-copy h1{letter-spacing:0;margin:0;font-size:42px;font-weight:lighter;line-height:1.05}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#58b2f3;margin:0;font-size:14px;font-weight:300}.hero-description{letter-spacing:.01em;color:#aeb8c4;margin:0;font-size:15px;font-weight:lighter;line-height:1.6}.hero-waitlist{flex-direction:column;gap:12px;display:flex}.hero-waitlist input,.hero-waitlist button{border-radius:50px;width:100%;height:48px;font-size:15px}.hero-waitlist input{color:#f5f7fa;text-align:center;background-color:#11161b;border:1px solid #2c333b;outline:none;padding-inline:14px}.hero-waitlist input::placeholder{color:#77818c;font-style:italic}.hero-waitlist button{color:#0d1115;cursor:pointer;background-color:#56b0f0;border:none;font-weight:600;transition:background-color .2s,transform .2s}.hero-waitlist input:focus{border-color:#56b0f0}.hero-waitlist button:hover{background-color:#6bbbf3}.hero-waitlist button:disabled,.section-waitlist button:disabled{cursor:progress;opacity:.7}.hero-waitlist button:active{transform:scale(.98)}.waitlist-status{color:#8b96a3;text-align:center;min-height:18px;margin:0;font-size:12px;line-height:1.45}.waitlist-status:empty{visibility:hidden}.waitlist-status[data-status=success]{color:#9fe5c0}.waitlist-status[data-status=error]{color:#ffaaa3}.hero-visual{width:100%;min-height:236px;position:relative}.hero-mac{width:min(82%,26rem);position:absolute;top:0;left:53%;transform:translate(-50%)}.hero-iphone{width:min(25%,8rem);position:absolute;bottom:4%;right:68%}.how-it-works{background:linear-gradient(#0d1115 0%,#11161b 42%,#0d1115 100%);border-top:1px solid #b8c0ca1f;padding-block:76px 88px;overflow:hidden}.how-layout{gap:34px;display:grid}.how-copy{max-width:760px}.section-eyebrow{color:#58b2f3;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:600}.showcase-copy .showcase-eyebrow{color:#58b2f3}.how-copy h2,.showcase-copy h3,.how-cta h3{letter-spacing:0;color:#f5f7fa;margin:0;font-weight:500}.how-copy h2{max-width:720px;font-size:38px;line-height:1.08}.how-intro,.showcase-copy p{color:#aeb8c4;margin:16px 0 0;font-size:16px;line-height:1.65}.how-steps{gap:14px;display:grid}.how-step{background:linear-gradient(145deg,#141c24fa 0%,#0e141afa 100%);border:1px solid #252b34;border-radius:18px;min-height:220px;padding:20px;position:relative}.step-icon{color:#79c6ff;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.step-icon svg{stroke-width:1.7px;width:34px;height:34px}.how-step h3{color:#f5f7fa;margin:30px 0 10px;font-size:22px;line-height:1.15}.how-step p:last-child{color:#aeb8c4;margin:0;font-size:15px;line-height:1.58}.how-showcase{align-items:center;gap:28px;padding-top:10px;display:grid}.showcase-copy{max-width:520px}.showcase-copy h3,.how-cta h3{font-size:30px;line-height:1.12}.showcase-devices{min-height:440px;position:relative}.showcase-macbook{filter:drop-shadow(0 24px 36px #00000057);width:min(112%,44rem);max-width:none;position:absolute;top:18px;left:50%;transform:translate(-50%)}.showcase-phone{filter:drop-shadow(0 26px 38px #00000070);width:min(33%,10.5rem);position:absolute;bottom:0;right:2%}.benefit-strip{border-top:1px solid #b8c0ca24;border-bottom:1px solid #b8c0ca24;gap:0;display:grid}.benefit-item{color:#d7dee8;border-bottom:1px solid #b8c0ca1a;align-items:center;gap:12px;min-height:58px;font-size:15px;display:flex}.benefit-item:last-child{border-bottom:none}.benefit-item svg{color:#6bbbf3;flex:none;width:20px;height:20px}.benefit-custom-icon{flex:none;width:20px;height:20px}.how-cta{align-items:center;gap:20px;padding-top:4px;display:grid}.section-waitlist{flex-direction:column;gap:12px;width:100%;display:flex}.section-waitlist input,.section-waitlist button{border-radius:50px;width:100%;height:48px;font-size:15px}.section-waitlist input{color:#f5f7fa;text-align:center;background-color:#11161b;border:1px solid #2c333b;outline:none;padding-inline:16px}.section-waitlist input::placeholder{color:#77818c;font-style:italic}.section-waitlist input:focus{border-color:#56b0f0}.section-waitlist button{color:#0d1115;cursor:pointer;background-color:#56b0f0;border:none;font-weight:600;transition:background-color .2s,transform .2s}.section-waitlist button:hover{background-color:#6bbbf3}.section-waitlist button:active{transform:scale(.98)}.workflow-demo{background:linear-gradient(#f7f5f0 0%,#f1eee7 52%,#f8f6f1 100%);border-top:1px solid #0f172014;padding-block:84px 104px;overflow:visible}.workflow-heading{max-width:760px;margin-bottom:0}.workflow-heading h2{color:#101820;letter-spacing:0;max-width:720px;margin:0;font-size:38px;font-weight:500;line-height:1.08}.workflow-heading p:last-child{color:#5e6873;margin:16px 0 0;font-size:16px;line-height:1.65}.workflow-scroll{min-height:365svh;position:relative}.workflow-stage{z-index:1;align-items:center;gap:24px;min-height:calc(100svh - 36px);padding-block:18px;display:grid;position:sticky;top:18px}.workflow-device{min-width:0;position:relative}.workflow-mac-device{filter:drop-shadow(0 18px 28px #0f172029);background-color:#0000;border:none;border-radius:18px;overflow:visible}.workflow-screen{aspect-ratio:16/10;background-color:#e2e6ea8f;border-radius:18px;position:relative;overflow:hidden}.workflow-video{object-fit:contain;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.workflow-video.active{opacity:1}.workflow-phone-device{filter:drop-shadow(0 18px 28px #0f172029);justify-self:center;width:min(58%,13rem)}.workflow-phone-frame{aspect-ratio:9/19.5;background-color:#e2e6ea8f;border:none;border-radius:16px;position:relative;overflow:hidden}.workflow-phone-notch{display:none}.workflow-phone-frame .workflow-video{object-fit:contain}.device-label{color:#77818c;letter-spacing:.12em;text-align:center;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:700;display:block}.workflow-progress{justify-self:center;gap:6px;width:min(100%,14rem);padding-right:16px;display:grid;position:relative}.workflow-progress:before,.workflow-progress:after{content:"";border-radius:999px;width:5px;position:absolute;right:2px}.workflow-progress:before{display:none}.workflow-progress:after{background-color:#4089c4;height:24px;transition:transform .25s;top:3px;box-shadow:0 0 18px #4089c46b}.workflow-progress[data-active-step="1"]:after{transform:translateY(40px)}.workflow-progress[data-active-step="2"]:after{transform:translateY(80px)}.workflow-progress[data-active-step="3"]:after{transform:translateY(120px)}.workflow-progress[data-active-step="4"]:after{transform:translateY(160px)}.workflow-progress[data-active-step="5"]:after{transform:translateY(200px)}.workflow-progress[data-active-step="6"]:after{transform:translateY(240px)}.workflow-progress-item{color:#aeb8c4;text-align:left;cursor:pointer;opacity:.58;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background-color:#0e141b9e;border:1px solid #b8c0ca1a;border-radius:12px;align-items:center;width:100%;padding:8px 10px;transition:opacity .25s,border-color .25s,background-color .25s;display:flex}.workflow-progress-item:nth-child(2),.workflow-progress-item:nth-child(3),.workflow-progress-item:nth-child(4),.workflow-progress-item:nth-child(5){margin-left:0}.workflow-progress-item:hover,.workflow-progress-item.active{opacity:1;background-color:#121e28d1;border-color:#56b0f057}.workflow-progress-item span{display:none}.workflow-progress-item strong{color:#f5f7fa;font-size:12px;font-weight:700;line-height:1.2}.workflow-progress-item small{display:none}.workflow-steps{pointer-events:none;margin-top:-100svh;padding-top:52svh;display:grid}.workflow-step{opacity:0;min-height:50svh}.workflow-step.active{opacity:0}.workflow-step>*{display:none}.site-footer{background:linear-gradient(#0d1115 0%,#090d11 100%);border-top:1px solid #b8c0ca1f;padding-block:72px 34px}.footer-layout{gap:44px;display:grid}.footer-brand-block{max-width:520px}.footer-brand{color:#f5f7fa;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.footer-brand img{width:42px;height:42px}.footer-brand span{font-size:30px;font-weight:600}.footer-brand-block p{color:#aeb8c4;margin:22px 0 0;font-size:17px;line-height:1.6}.footer-links{gap:30px;display:grid}.footer-links div{gap:12px;display:grid}.footer-links h4{color:#f5f7fa;letter-spacing:.09em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}.footer-links a{color:#aeb8c4;font-size:15px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#f5f7fa}.footer-bottom{color:#77818c;border-top:1px solid #b8c0ca1f;flex-direction:column;gap:10px;margin-top:58px;padding-top:22px;font-size:13px;display:flex}@media (width>=768px){.container{padding-inline:32px}.navbar{flex-direction:row}.hero{padding-block:42px}.hero-content{gap:28px}.hero-visual{min-height:360px}.hero-mac{width:min(76%,42rem);left:56%}.hero-iphone{width:min(24%,12.25rem);bottom:4%;right:69%}.how-it-works{padding-block:88px 100px}.how-copy h2,.workflow-heading h2{font-size:46px}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.showcase-devices{min-height:540px}.showcase-macbook{width:min(108%,58rem)}.showcase-phone{width:min(28%,13rem);right:7%}.benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-item:nth-child(odd){border-right:1px solid #b8c0ca1a}.benefit-item{padding-inline:16px}.benefit-item:nth-last-child(-n+2){border-bottom:none}.how-cta{grid-template-columns:minmax(0,1fr) minmax(20rem,31rem);gap:28px}.workflow-stage{grid-template-columns:minmax(0,1fr) minmax(10rem,.28fr);gap:20px}.workflow-phone-device{width:min(100%,13.5rem)}.footer-layout{grid-template-columns:minmax(22rem,1fr) minmax(24rem,.9fr);align-items:start}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand-block{padding-bottom:68px}.footer-bottom{flex-direction:row;justify-content:space-between}}@media (width>=1024px){.container{padding-inline:40px}.navbar{flex-direction:row}.nav-links{display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-actions{margin-left:auto}.icon-button{display:flex}.menu-button{display:none}.brand{position:static;transform:none}.profile-links{display:flex}.hero{padding-block:48px}.hero-content{grid-template-columns:minmax(20rem,.86fr) minmax(34rem,1.14fr);align-items:center;gap:20px;min-height:calc(100svh - 168px);display:grid}.hero-copy{z-index:2;order:1;max-width:35rem;margin-top:0;padding-top:0;position:relative}.hero-copy h1{font-size:52px}.hero-description{max-width:29rem}.hero-waitlist{max-width:31rem}.hero-visual{order:2;align-self:center;min-height:490px}.hero-mac{width:min(112%,52rem);top:50%;left:54%;transform:translate(-50%,-50%)}.hero-iphone{width:min(30%,15rem);bottom:11%;right:70%}.how-layout{gap:42px}.how-showcase{grid-template-columns:minmax(20rem,.82fr) minmax(34rem,1.18fr);gap:28px;padding-top:4px}.showcase-devices{min-height:500px}.showcase-macbook{width:min(112%,59rem);top:50%;left:54%;transform:translate(-50%,-50%)}.showcase-phone{width:min(27%,13.5rem);bottom:7%;right:72%}.benefit-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.benefit-item{border-bottom:none;border-right:1px solid #b8c0ca1a}.benefit-item:last-child{border-right:none}.workflow-demo{padding-block:104px 124px}.workflow-scroll{min-height:455svh}.workflow-stage{--workflow-device-height:clamp(18rem, 29.6vw, 30rem);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(8.5rem,.18fr);align-items:center;gap:clamp(18px,2.7vw,38px);min-height:calc(100svh - 68px);top:34px}.workflow-heading{grid-area:1/1/auto/-1;max-width:820px}.workflow-mac-device{grid-area:2/1;place-self:center end}.workflow-screen{aspect-ratio:1280/824;width:clamp(28rem,46vw,46.5rem);max-width:100%;height:auto}.workflow-phone-device{z-index:2;grid-area:2/2;place-self:center;width:auto;position:relative;bottom:auto;right:auto}.workflow-phone-frame{height:var(--workflow-device-height);aspect-ratio:588/1280}.workflow-progress{z-index:4;grid-area:2/3;place-self:center end;width:min(100%,10.5rem);position:relative;bottom:auto;right:auto}.workflow-progress-item{background-color:#ffffff8a;border-color:#0f172014;width:100%;padding:7px 8px;box-shadow:0 14px 36px #0f172014}.workflow-progress-item:hover,.workflow-progress-item.active{background-color:#ffffffdb;border-color:#4089c457}.workflow-progress-item strong{color:#101820}.workflow-progress-item small{color:#5f6974}.workflow-step{min-height:52svh}}@media (width>=1280px){.hero-content{grid-template-columns:minmax(22rem,.78fr) minmax(42rem,1.22fr);gap:36px}.hero-copy h1{font-size:58px}.hero-visual{min-height:560px}.hero-mac{width:min(114%,62rem);left:55%}.hero-iphone{width:min(29%,16.5rem);bottom:12%;right:70%}.how-copy h2,.workflow-heading h2{font-size:54px}.how-showcase{grid-template-columns:minmax(22rem,.72fr) minmax(42rem,1.28fr);gap:38px}.showcase-devices{min-height:570px}.showcase-macbook{width:min(113%,68rem);left:55%}.showcase-phone{width:min(25%,15rem);bottom:8%;right:72%}.workflow-phone-device{width:min(100%,15.75rem)}.workflow-progress{width:min(100%,11rem)}}@media (width<=767px){.how-step{min-height:0}.showcase-phone{right:4%}.workflow-demo{padding-block:72px 84px}.workflow-stage{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,min(68vw,20rem)) minmax(3.9rem,4.6rem);justify-content:center;align-items:center;gap:14px 10px;min-height:auto;position:relative;top:auto}.workflow-heading{grid-area:1/1/auto/-1}.workflow-mac-device{grid-area:2/1;justify-self:center;width:min(68vw,20rem)}.workflow-screen{aspect-ratio:auto;width:100%;height:min(41vw,12.875rem)}.workflow-phone-device{grid-area:2/2;justify-self:center;width:auto}.workflow-phone-frame{aspect-ratio:588/1280;height:min(41vw,12.875rem)}.workflow-progress{grid-area:3/1/auto/-1;justify-self:stretch;width:100%}.workflow-heading h2{font-size:36px}.workflow-scroll{min-height:auto}.workflow-steps{display:none}}@media (width<=414px){.hero-iphone{bottom:8%}}@media (width>=438px) and (width<=767px){.hero-iphone{bottom:2%}}@media (width<=380px) and (height<=720px){.hero{padding-block:28px 34px}.hero-content{gap:6px}.hero-visual{min-height:208px}.hero-iphone{bottom:8%}.hero-copy{gap:8px;padding-top:0}.hero-copy h1{font-size:36px;line-height:1.04}.hero-eyebrow{font-size:12px}.hero-description{font-size:14px;line-height:1.45}.hero-waitlist{gap:10px}.hero-waitlist input,.hero-waitlist button{height:44px}}