.upnout-site{--yellow:#fdca16;--ink:#000;--paper:#fff;background:var(--ink);min-height:100dvh;color:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-inter-tight), Helvetica Neue, Helvetica, Arial, sans-serif;overflow-x:clip}.upnout-site a{color:inherit;text-decoration:none}.upnout-site a:focus-visible,.upnout-site summary:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.band-yellow a:focus-visible,.band-yellow summary:focus-visible{outline-color:var(--ink)}.skip-link{z-index:80;background:var(--yellow);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .7rem;font-size:12px;position:absolute;top:.5rem;left:1rem;transform:translateY(-160%)}.skip-link:focus{transform:none}.upnout-header{z-index:40;background:var(--ink);min-height:4.25rem;color:var(--paper);align-items:center;gap:.75rem;padding:.45rem .8rem;display:flex;position:sticky;top:0}.upnout-brand{letter-spacing:-.04em;align-items:center;gap:.55rem;min-width:0;font-weight:800;display:flex}.upnout-brand-mark{width:3.25rem;height:auto;display:block}.upnout-logo{width:2.75rem;height:auto;display:block}.upnout-kicker{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700;line-height:1.35}.upnout-cta{border:2px solid var(--ink);background:var(--yellow);min-height:2.75rem;color:var(--ink);letter-spacing:-.03em;border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1rem;font-size:.95rem;font-weight:800;line-height:1.1;display:inline-flex}.upnout-site a.upnout-cta:hover{opacity:.88}.upnout-site a.upnout-cta-header,.upnout-site a.upnout-cta-header:hover,.upnout-site a.upnout-cta-header:focus,.upnout-site a.upnout-cta-header:focus-visible,.upnout-site a.upnout-cta-header:active,.upnout-site a.upnout-cta-header:visited{color:#000;opacity:1;background:#fdca16;border-color:#000;min-height:2.75rem;margin-left:auto;padding-inline:.85rem}.display-line,.hero-copy h1,.how-copy h3{letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:break-word;max-width:100%;margin:0;font-weight:800;line-height:1.02}.hero-copy h1,.display-line{font-size:clamp(2rem,10vw,7.2rem)}.how-copy h3{margin-top:.95rem;font-size:clamp(1.7rem,6vw,3.4rem);line-height:1.05}.band .display-line{margin-top:1.05rem}.band-body,.hero-lede,.how-copy p,.faq-list p{max-width:40rem;font-size:1.05rem;line-height:1.7}.hero-lede,.band-body{margin:1.65rem 0 0}.how-copy p{margin:1.25rem 0 0}.band-body+.band-body{margin-top:1.35rem}@property --p{syntax:"<number>";inherits:true;initial-value:0}.hero-track{--p:0;background:var(--ink);height:134vh;position:relative}.hero-stage{background:var(--ink);height:100dvh;position:sticky;top:0;overflow:hidden}.hero-wash{background:var(--yellow);opacity:var(--p);pointer-events:none;position:absolute;inset:0}.hero-layout{z-index:1;flex-direction:column;justify-content:space-between;gap:1.25rem;height:100%;padding:1.15rem 1.1rem 1rem;display:flex;position:relative}.hero-copy h1{margin-top:1rem}.tone{display:block;position:relative}.tone-light,.tone-dark{display:block}.tone-light{color:var(--paper);opacity:clamp(0, (.56 - var(--p)) * 9, 1)}.tone-dark{color:var(--ink);opacity:clamp(0, (var(--p) - .34) * 8, 1);position:absolute;inset:0}.hero-cta{background:0 0;border-color:#0000;margin-top:2.6rem;padding:0;display:inline-grid}.hero-cta-face{border:2px solid var(--ink);letter-spacing:-.03em;border-radius:999px;grid-area:1/1;justify-content:center;align-items:center;min-height:2.75rem;padding:.7rem 1.05rem;font-weight:800;line-height:1.1;display:inline-flex}.hero-cta-light{background:var(--yellow);color:var(--ink);opacity:clamp(0, (.58 - var(--p)) * 10, 1)}.hero-cta-dark{background:var(--ink);color:var(--yellow);border-color:var(--yellow);opacity:clamp(0, (var(--p) - .4) * 10, 1)}.hero-scene{isolation:isolate;flex:auto;place-items:end center;min-height:0;display:grid;position:relative}.phone{aspect-ratio:1320/2868;border:2px solid #222;border-radius:1.6rem;width:auto;max-width:100%;height:100%;max-height:100%;margin:0;position:relative;overflow:hidden}.phone img{border-radius:0;width:auto;max-width:100%;height:100%;display:block}.phone-rig{z-index:2;height:min(40dvh,100%);transform:translate3d(calc(var(--p) * 10vw), 0, 0);position:relative}.phone-shake{transform-origin:50% 30%;height:100%;animation:1.5s ease-in-out upnout-ring}@keyframes upnout-ring{0%,to{transform:rotate(0)}18%{transform:rotate(-1.4deg)}36%{transform:rotate(1.4deg)}54%{transform:rotate(-.7deg)}72%{transform:rotate(.5deg)}}.upnout-dev{z-index:3;background:var(--yellow);color:var(--ink);letter-spacing:.02em;margin:0;padding:.12rem .32rem;font-size:12px;font-weight:600;line-height:1.25;position:absolute;top:.45rem;left:.45rem}.phone-dim,.phone-ripples{pointer-events:none;position:absolute}.phone-dim{z-index:1;background:linear-gradient(#0000 0%,#00000073 42%,#000000db 100%);height:32%;bottom:0;left:0;right:0}.phone-ripples{z-index:1;aspect-ratio:1;width:46%;top:50%;left:50%;transform:translate(-50%,-42%)}.phone-ripples span{border:2px solid var(--yellow);opacity:.9;border-radius:999px;animation:2.8s ease-out infinite scan-ripple;position:absolute;inset:0}.phone-ripples span:last-child{animation-delay:1.4s}@keyframes scan-ripple{0%{opacity:.85;transform:scale(.7)}to{opacity:0;transform:scale(1.55)}}.hero-path,.hero-tag{pointer-events:none;position:absolute}.hero-path{z-index:1;width:62%;height:auto;opacity:var(--p);bottom:22%;left:4%;right:22%}.hero-dot{fill:var(--yellow);stroke:var(--ink);stroke-width:2px;opacity:var(--p)}.hero-tag{z-index:6;opacity:var(--p);transform:translate3d(calc((1 - var(--p)) * 16px), 0, 0);justify-items:center;gap:.4rem;display:grid;top:.35rem;right:.45rem}.hero-tag-core{border:2px solid var(--ink);background:var(--yellow);width:3.4rem;height:3.4rem;color:var(--ink);border-radius:999px;place-items:center;display:grid;position:relative}.n-mark{width:1.5rem;height:1.5rem}.hero-ripple{border:2px solid var(--ink);width:3.4rem;height:3.4rem;opacity:calc(var(--p) * .8);transform:scale(calc(.7 + var(--p) * 1.2));border-radius:999px;position:absolute}.hero-ripple-late{transform:scale(calc(.7 + var(--p) * 1.8));opacity:calc(var(--p) * .35)}.hero-tag-name{background:var(--ink);color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;padding:.18rem .42rem;font-size:12px;font-weight:800;line-height:1.25}.band{padding:6.5rem 1.25rem;position:relative}.band-black{background:var(--ink);color:var(--paper);overflow:clip}.band-yellow{background:var(--yellow);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.band-body.light{color:var(--paper)}.n-float{color:var(--yellow);letter-spacing:-.08em;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,28vw,14rem);font-weight:800;line-height:.8;position:absolute;bottom:-.35rem;right:.4rem;transform:translate(.12em,-.08em)}.how-intro{max-width:46rem;margin-bottom:2.75rem}.how-steps{margin:0;padding:0;list-style:none}.how-step{z-index:1;background:var(--yellow);flex-direction:column;gap:1.85rem;padding:2.4rem 0 2.75rem;display:flex;position:sticky;top:4.25rem}.how-step:nth-child(2){z-index:2}.how-step:nth-child(3){z-index:3}.how-step+.how-step{border-top:2px solid var(--ink);box-shadow:0 -16px 28px #00000014}.how-copy{min-height:15rem}.how-visual-inline{justify-content:center;align-items:flex-end;height:min(62vw,440px);display:flex}.how-visual-inline .phone,.how-stage .phone{height:100%}.how-stage{display:none}.how-layer{opacity:0;justify-content:center;align-items:flex-end;height:100%;display:flex;transform:translateY(14px)}.how-layer.is-on{opacity:1;transform:translate(0,0)}.band-place{flex-direction:column;align-items:center;gap:3rem;display:flex}.place-copy{width:min(100%,40rem)}.band-place .phone{height:min(62vw,440px)}.manifesto-lines{flex-direction:column;gap:.28em;display:flex}.faq-list{width:min(100%,44rem);margin-top:2.5rem}.faq-list details{border-top:2px solid var(--ink);padding:1.5rem 0}.faq-list details:last-child{border-bottom:2px solid var(--ink)}.faq-list summary{cursor:pointer;letter-spacing:-.04em;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:800;line-height:1.3}.faq-list p{margin:1.15rem 0 0}.band:has(+.close-band){padding-bottom:2.75rem}.close-band{text-align:left;padding-top:2.75rem;padding-bottom:3.5rem}.close-title{white-space:pre-line}.close-band .upnout-kicker{margin-top:2rem}.close-band .upnout-cta{background:var(--ink);color:var(--yellow);border-color:var(--ink);margin-top:3rem}.close-mark{background:0 0;width:min(42vw,7.25rem);margin:2.25rem 0 0}.close-mark img,.upnout-logo{width:100%;height:auto;display:block}.upnout-footer{background:var(--ink);color:var(--paper);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.5rem 1.1rem 2rem;font-size:12px;font-weight:700;line-height:1.35;display:flex}.upnout-footer .upnout-logo{width:2.5rem}@media (min-width:900px){.hero-track{height:186vh}.hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;gap:2.5rem;padding:1.75rem 4vw 2.25rem;display:grid}.hero-copy h1{font-size:clamp(4.5rem,7vw,8rem)}.phone-rig{height:min(68vh,760px);transform:translate3d(calc(-12vw + var(--p) * 16vw), 0, 0);justify-self:end}.hero-tag{top:8%;right:1.5%}.how-layout{grid-template-columns:minmax(0,1.05fr) minmax(16rem,.78fr);align-items:start;gap:2rem 4vw;display:grid}.how-step{min-height:62vh;box-shadow:none;background:0 0;align-items:center;padding:2rem 0;display:flex;position:relative;top:auto}.how-step+.how-step{box-shadow:none;border-top:0}.how-copy{min-height:0}.how.is-ready .how-visual-inline{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.how.is-ready .how-stage{height:min(64vh,620px);display:grid;position:sticky;top:14vh}.how-layer{grid-area:1/1;transition:opacity .45s,transform .45s}.band-place .phone{height:min(64vh,620px)}.band{padding:9.5rem 6vw}.band:has(+.close-band){padding-bottom:3.25rem}.close-band{padding-top:3.25rem;padding-bottom:4rem}.band-place{flex-direction:row;justify-content:space-between;align-items:center;gap:4rem}.place-copy{max-width:36rem}}@media (max-width:380px){.upnout-cta-header{padding-inline:.65rem;font-size:.82rem}.phone-rig{height:min(34dvh,100%)}.hero-copy h1,.display-line{font-size:clamp(1.85rem,9vw,2.4rem)}}@media (prefers-reduced-motion:reduce){.hero-track{--p:1;height:auto}.hero-stage{background:var(--yellow);height:auto;min-height:100dvh;position:relative}.hero-wash{opacity:1}.hero-layout{height:auto;min-height:calc(100dvh - 4rem);padding-bottom:2rem}.tone-light,.hero-cta-light{opacity:0}.tone-dark,.hero-cta-dark{opacity:1}.hero-tag,.hero-path,.hero-dot{opacity:1;transform:none}.hero-dot{fill:var(--ink)}.phone-rig,.phone-shake,.hero-ripple,.hero-ripple-late,.phone-ripples span,.how-layer{transition:none;animation:none;transform:none}.phone-ripples span{opacity:.9;transform:scale(1.05)}.phone-ripples span:last-child{opacity:.45;transform:scale(1.38)}.phone-rig{height:min(48dvh,480px)}.how-step,.how.is-ready .how-step{min-height:0;box-shadow:none;position:static}.how.is-ready .how-visual-inline,.how-visual-inline{clip:auto;width:auto;height:min(62vw,440px);margin:0;display:flex;position:static;overflow:visible}.band-place .phone{height:min(62vw,440px)}.how-stage,.how.is-ready .how-stage{display:none}}
