@font-face{font-family:Brand Display;src:url(/fonts/BricolageGrotesque-display.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap;size-adjust:105%;unicode-range:U+0000-00FF,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+2022,U+2026}@font-face{font-family:Tag Hand;src:url(/fonts/Caveat-tags.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020-007E}:root{color-scheme:light;--ink: #111111;--paper: #f6efe2;--kraft: #e9d8b4;--primary: #0b3d91;--cash: #0b5d1e;--credit: #5b2a86;--warn: #ffe08a;--late: #7a4100;--error: #b00020;--quiet: #4a4a4a;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='8' cy='14' r='0.6' fill='%23111' opacity='0.16'/%3E%3Ccircle cx='40' cy='22' r='0.5' fill='%23111' opacity='0.12'/%3E%3Ccircle cx='62' cy='48' r='0.7' fill='%23111' opacity='0.14'/%3E%3Ccircle cx='22' cy='60' r='0.4' fill='%23111' opacity='0.18'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;color:var(--ink);background:var(--paper) var(--noise);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1.125rem;line-height:1.6}img,svg{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.skip{position:absolute;left:.5rem;top:.5rem;z-index:2;transform:translateY(-150%);background:var(--paper);color:var(--ink);padding:.5rem .75rem;min-height:48px;min-width:48px}.skip:focus{transform:none}.topbar,.hero,.band,.kraft,.footer-cta,#try,#tag-flip,#owners,#android,#faq,#privacy{width:min(72rem,calc(100% - 2rem));margin-inline:auto}.topbar{display:flex;align-items:center;gap:.75rem;min-height:4rem;padding:.5rem 0}.logo{display:inline-flex;align-items:center;gap:.4rem;min-height:48px;min-width:48px;color:var(--ink);text-decoration:none;font-family:Brand Display,system-ui,sans-serif;font-weight:800;font-size:1.5rem}.mark{width:2rem;height:2rem}.nav-link{gap:.35rem}.nav-link .mark{width:1.25rem;height:1.25rem}.nav-desktop{display:none;margin-left:auto;gap:.5rem;align-items:center}.nav-desktop a,.nav-panel a,.nav-signin,.nav-menu summary,.btn,.motion-toggle,.footer-links a,#faq summary,.waitlist button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:.35rem .9rem;color:var(--primary);font-size:1rem;text-decoration:none}.nav-menu{position:relative;margin-left:auto}.nav-menu:not([open])>.nav-panel{display:none}.nav-menu summary{border:2px solid var(--primary);border-radius:999px;cursor:pointer;list-style:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-panel{display:flex;flex-direction:column;gap:.25rem;padding:.5rem 0}.nav-menu[open]>.nav-panel{position:absolute;z-index:4;top:calc(100% + .25rem);right:0;min-width:16rem;padding:.5rem;background:var(--paper);border:2px solid var(--ink)}.btn{border:2px solid var(--primary);border-radius:999px;background:transparent}a.btn-primary,.btn-primary{min-height:56px;background:var(--primary);color:#fff}.hero{display:grid;gap:1.5rem;padding:1rem 0 2.5rem}h1,h2,h3{font-family:Brand Display,system-ui,sans-serif;line-height:1.1;letter-spacing:-.03em}h1{margin:0;font-size:clamp(2.5rem,6vw + 1rem,5rem);font-weight:800}h2{margin:0 0 .5rem;font-size:clamp(1.75rem,3vw + 1rem,3rem);font-weight:700}h3{margin:0;font-size:1.5rem}p{margin:.75rem 0}.lede{max-width:38rem}.hero-actions,.footer-links{display:flex;flex-wrap:wrap;gap:.75rem}.rack{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;position:relative;padding-top:1.25rem}.rail{position:absolute;left:0;right:0;top:.4rem;height:4px;background:#8a8f98;border-radius:999px}.slot{width:min(100%,8.5rem);aspect-ratio:3 / 4;margin:0;padding:.5rem;background:var(--kraft);display:flex;flex-direction:column;align-items:center}.tag{margin:.25rem 0 0}.hand{font-family:Tag Hand,Segoe Script,cursive;font-size:1.8rem;line-height:1}.real,.quiet,.price-note,.not-final{color:var(--quiet);font-size:1rem}.money{font-variant-numeric:tabular-nums;color:var(--cash)}.money.credit{color:var(--credit)}.band{padding:2.5rem 0}.below{content-visibility:auto;contain-intrinsic-size:auto 40rem}#try{content-visibility:visible}main a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.devices{display:grid;gap:1rem;align-items:center}.device{margin:0}.phone .bezel{aspect-ratio:9 / 20}.bezel{width:min(100%,11rem);background:var(--ink);border-radius:1.25rem;padding:.6rem}.bezel.wide{width:min(100%,28rem);aspect-ratio:16 / 10;border-radius:.6rem}.screen{background:var(--paper);border-radius:.8rem;padding:.75rem;height:100%}.tabs{font-weight:700}.bands{list-style:none;margin:0;padding:0}.bands li{min-height:48px;display:flex;align-items:center;gap:.4rem}.dot.new{color:var(--primary)}.dot.old,.dot.late{color:var(--late)}.dot.off{color:var(--error)}.link-hanger{width:3rem;color:var(--ink)}.person{margin:1rem 0 0;max-width:16rem;background:var(--kraft)}.person img{display:block;object-fit:contain}.owner-row{display:grid;gap:1rem;align-items:start}.receipt{background:var(--paper);border:1px solid var(--ink);border-bottom:2px dashed var(--ink);padding:1rem;font-variant-numeric:tabular-nums;transform:rotate(-1deg)}.receipt-shop{font-family:ui-monospace,Cascadia Code,Segoe UI,monospace}.kraft{background:var(--kraft) var(--noise);padding:2rem 0}.price-rail{display:grid;gap:1rem}.price-card{background:var(--kraft);border:2px solid var(--ink);padding:1rem;transform:rotate(-1.2deg)}.price-card:nth-child(2n){transform:rotate(1.2deg)}.tier{display:inline-flex;align-items:center;min-height:48px;margin:0;font-weight:700}.price{margin:.25rem 0;font-family:Brand Display,system-ui,sans-serif;font-size:clamp(2rem,4vw,3rem);font-variant-numeric:tabular-nums;line-height:1.1}.price-free{color:var(--cash)}.badge{display:inline-flex;align-items:center;gap:.35rem;margin:.25rem 0;padding:.2rem .55rem;background:var(--warn);color:var(--ink);border:2px dashed var(--ink)}.price-card ul{margin:.5rem 0 1rem;padding-left:1.2rem}.waitlist{display:grid;gap:.35rem;max-width:24rem}.waitlist input,.waitlist button{min-height:56px;font-size:1.125rem;border:2px solid var(--ink);background:var(--paper);color:var(--ink)}details{border-top:1px solid var(--ink);padding:.25rem 0}.footer-cta{margin-top:2rem;padding:2rem 0 3rem}.tagline-foot{font-family:Brand Display,system-ui,sans-serif;font-size:clamp(1.75rem,3vw + 1rem,3rem);font-weight:700;line-height:1.15;color:var(--ink)}@media(max-width:480px){.rack{flex-direction:column;align-items:center}}@media(min-width:48rem){.nav-signin,.nav-menu{display:none}.nav-desktop{display:flex}.hero,.devices,.owner-row,.price-rail{grid-template-columns:1.1fr .9fr}.price-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.devices{grid-template-columns:auto auto 1fr}}:root{--motion-ok: 1}@media(prefers-reduced-motion:reduce){:root:not([data-motion=on]){--motion-ok: 0}}html[data-motion=off]{--motion-ok: 0;view-transition-name:none}.motion-safe{transform:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .motion-safe{transform:none}}html[data-motion=on] .motion-safe{transform:none}}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .motion-loop{animation:none}}html[data-motion=off] .motion-loop{animation:none}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.logo .mark{transform:none;transform-origin:50% 0}@media(hover:hover)and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .logo:hover .mark{animation:hanger-swing .6s ease-in-out}}@media(hover:hover){html[data-motion=on] .logo:hover .mark{animation:hanger-swing .6s ease-in-out}}@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .logo:focus-visible .mark{animation:hanger-swing .6s ease-in-out}}html[data-motion=on] .logo:focus-visible .mark{animation:hanger-swing .6s ease-in-out}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .logo:hover .mark,html:not([data-motion=on]) .logo:focus-visible .mark{animation:none}html:not([data-motion=on]) .logo:hover,html:not([data-motion=on]) .logo:focus-visible{color:var(--primary);text-decoration:underline}}html[data-motion=off] .logo:hover .mark,html[data-motion=off] .logo:focus-visible .mark{animation:none}html[data-motion=off] .logo:hover,html[data-motion=off] .logo:focus-visible{color:var(--primary);text-decoration:underline}@keyframes hanger-swing{0%{transform:rotate(6deg)}40%{transform:rotate(-6deg)}70%{transform:rotate(2deg)}to{transform:rotate(0)}}.btn-primary{position:relative;padding-right:1.5rem}.btn-primary:after{content:"";position:absolute;top:.45rem;right:.55rem;width:.5rem;height:.65rem;background:var(--warn);border:1px solid var(--ink);pointer-events:none;transform:none;transform-origin:50% 0}.btn:active{transform:translateY(2px)}.price-card:before{content:"";display:block;width:1.75rem;height:1rem;margin:0 auto .35rem;background:currentColor;transform:none;transform-origin:50% 0;-webkit-mask:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath d='M4 8h24M16 8c0-4 4-6 7-4M16 8v7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");mask:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16'%3E%3Cpath d='M4 8h24M16 8c0-4 4-6 7-4M16 8v7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.nav-link .mark,.flip-stage{transform:none}.nav-link .mark{transform-origin:50% 0}.flip-hold{position:relative;padding-top:1.25rem}.flip-hold:before{content:"";position:absolute;top:0;left:50%;width:2px;height:1.25rem;background:var(--ink)}.flip-stage{display:flex;flex-wrap:wrap;gap:1rem}.flip-face{flex:1 1 12rem;margin:0;padding:1rem;background:var(--kraft);border:2px solid var(--ink)}.flip-face .hand{display:block;font-size:clamp(2.5rem,5vw,4.5rem)}.flip-face .real{display:block}.waitlist-dialog{width:min(26rem,calc(100% - 2rem));border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:1.25rem}.waitlist-dialog::backdrop{background:#1111117f}.waitlist-error,.waitlist-status{min-height:1.5rem;margin:.25rem 0}.waitlist-error{color:var(--error)}.waitlist input[aria-invalid=true]{border-color:var(--error)}.waitlist-status.is-offline{background:var(--warn);color:var(--ink);padding:.5rem .75rem}.waitlist button[type=submit]{min-width:16rem}.waitlist-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .flip-stage{animation:none;transform:none;display:flex}html:not([data-motion=on]) .nav-link:hover .mark,html:not([data-motion=on]) .nav-link:focus-visible .mark,html:not([data-motion=on]) .price-card:hover:before,html:not([data-motion=on]) .price-card:focus-within:before,html:not([data-motion=on]) .btn-primary:hover:after,html:not([data-motion=on]) .btn-primary:focus-visible:after,html:not([data-motion=on]) .btn-primary:active:after,html:not([data-motion=on]) .btn-primary.is-sending:after{animation:none}html:not([data-motion=on]) .nav-link:hover,html:not([data-motion=on]) .nav-link:focus-visible,html:not([data-motion=on]) .price-card:hover,html:not([data-motion=on]) .price-card:focus-within{text-decoration:underline;color:var(--cash)}html:not([data-motion=on]) .btn-primary:hover,html:not([data-motion=on]) .btn-primary:focus-visible{text-decoration:underline;color:#fff;background:#082e6b}html:not([data-motion=on]) .btn{transition:none;box-shadow:none}html:not([data-motion=on]) .btn:active{transform:translateY(2px)}}html[data-motion=off] .flip-stage{animation:none;transform:none;display:flex}html[data-motion=off] .nav-link:hover .mark,html[data-motion=off] .nav-link:focus-visible .mark,html[data-motion=off] .price-card:hover:before,html[data-motion=off] .price-card:focus-within:before,html[data-motion=off] .btn-primary:hover:after,html[data-motion=off] .btn-primary:focus-visible:after,html[data-motion=off] .btn-primary:active:after,html[data-motion=off] .btn-primary.is-sending:after{animation:none}html[data-motion=off] .nav-link:hover,html[data-motion=off] .nav-link:focus-visible,html[data-motion=off] .price-card:hover,html[data-motion=off] .price-card:focus-within{text-decoration:underline;color:var(--cash)}html[data-motion=off] .btn-primary:hover,html[data-motion=off] .btn-primary:focus-visible{text-decoration:underline;color:#fff;background:#082e6b}html[data-motion=off] .btn{transition:none;box-shadow:none}html[data-motion=off] .btn:active{transform:translateY(2px)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .flip-stage{display:grid;justify-items:center;perspective:800px;transform-style:preserve-3d;animation:tag-flip linear both;animation-timeline:view();animation-range:contain 20% contain 60%}html:not([data-motion=off]) .flip-face{grid-area:1 / 1;width:min(18rem,100%);backface-visibility:hidden}html:not([data-motion=off]) .flip-back{transform:rotateY(180deg)}html:not([data-motion=off]) .nav-link:focus-visible .mark,html:not([data-motion=off]) .price-card:focus-within:before{animation:hanger-swing .2s ease-in-out}html:not([data-motion=off]) .btn-primary:focus-visible:after,html:not([data-motion=off]) .btn-primary:active:after,html:not([data-motion=off]) .btn-primary.is-sending:after{animation:tag-swing .2s ease-in-out 1}html:not([data-motion=off]) .btn{box-shadow:0 2px 0 var(--ink);transition:transform .15s linear,box-shadow .15s linear}html:not([data-motion=off]) .btn:active{box-shadow:0 0 0 var(--ink)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){html:not([data-motion=off]) .nav-link:hover .mark,html:not([data-motion=off]) .price-card:hover:before{animation:hanger-swing .2s ease-in-out}html:not([data-motion=off]) .btn-primary:hover:after{animation:tag-swing .2s ease-in-out 1}}html[data-motion=on] .flip-stage{display:grid;justify-items:center;perspective:800px;transform-style:preserve-3d;animation:tag-flip linear both;animation-timeline:view();animation-range:contain 20% contain 60%}html[data-motion=on] .flip-face{grid-area:1 / 1;width:min(18rem,100%);backface-visibility:hidden}html[data-motion=on] .flip-back{transform:rotateY(180deg)}html[data-motion=on] .nav-link:focus-visible .mark,html[data-motion=on] .price-card:focus-within:before{animation:hanger-swing .2s ease-in-out}html[data-motion=on] .btn-primary:focus-visible:after,html[data-motion=on] .btn-primary:active:after,html[data-motion=on] .btn-primary.is-sending:after{animation:tag-swing .2s ease-in-out 1}@media(hover:hover){html[data-motion=on] .nav-link:hover .mark,html[data-motion=on] .price-card:hover:before{animation:hanger-swing .2s ease-in-out}html[data-motion=on] .btn-primary:hover:after{animation:tag-swing .2s ease-in-out 1}}html[data-motion=on] .btn{box-shadow:0 2px 0 var(--ink);transition:transform .15s linear,box-shadow .15s linear}html[data-motion=on] .btn:active{box-shadow:0 0 0 var(--ink)}@keyframes tag-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes tag-swing{0%{transform:rotate(8deg)}50%{transform:rotate(-6deg)}to{transform:rotate(0)}}}.demo-stage{container-type:inline-size;min-height:calc(min(22.5rem,100cqi) * 20 / 9 + 8rem)}.demo-rack{min-height:14rem}.demo-frames{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.demo-frames li{flex:1 1 10rem;max-width:100%}.demo-frames img,.demo-finder img{width:7.5rem;height:auto;background:var(--kraft)}.demo-phone .bezel{width:min(100%,22.5rem)}.demo-phone .screen{display:flex;flex-direction:column;gap:.5rem;overflow:auto}.demo-finder{position:relative;min-height:8rem}.demo-guide{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border:2px dashed var(--ink);pointer-events:none}.demo-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none}.demo-price{margin:0;font-size:48px;line-height:1.1;font-variant-numeric:tabular-nums}.demo-pad{display:grid;grid-template-columns:repeat(3,minmax(60px,1fr));gap:.35rem}.demo-pad button{min-height:60px;min-width:60px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font-size:1.25rem}.demo-shutter{min-height:72px;min-width:72px;border-radius:999px}.demo-offer{min-height:96px;width:100%}.demo-choices,.demo-flip{display:flex;flex-wrap:wrap;gap:.5rem}.demo-face{flex:1 1 8rem;margin:0;padding:.5rem;background:var(--kraft);border:2px solid var(--ink)}[data-demo-payout]{color:var(--cash);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .demo-flash,html:not([data-motion=on]) .demo-price,html:not([data-motion=on]) .demo-flip,html:not([data-motion=on]) .demo-flip .demo-face{animation:none}html:not([data-motion=on]) .demo-item{view-transition-name:none}}html[data-motion=off] .demo-flash,html[data-motion=off] .demo-price,html[data-motion=off] .demo-flip,html[data-motion=off] .demo-flip .demo-face{animation:none;transform:none}html[data-motion=off] .demo-item{view-transition-name:none}@media(prefers-reduced-motion:no-preference){html:not([data-motion=off]) .demo-item{view-transition-name:demo-item}html:not([data-motion=off]) .demo-flash.is-on{animation:demo-flash 80ms linear}html:not([data-motion=off]) .demo-price.is-tick{animation:demo-tick .15s linear}html:not([data-motion=off]) .demo-flip.is-flipped{display:grid;perspective:800px}html:not([data-motion=off]) .demo-flip.is-flipped .demo-face{grid-area:1 / 1;backface-visibility:hidden}html:not([data-motion=off]) .demo-flip.is-flipped .demo-front{animation:demo-tag-flip .2s linear forwards}html:not([data-motion=off]) .demo-flip.is-flipped .demo-back{transform:rotateY(180deg);animation:demo-tag-back .2s linear forwards}}html[data-motion=on] .demo-item{view-transition-name:demo-item}html[data-motion=on] .demo-flash.is-on{animation:demo-flash 80ms linear}html[data-motion=on] .demo-price.is-tick{animation:demo-tick .15s linear}html[data-motion=on] .demo-flip.is-flipped{display:grid;perspective:800px}html[data-motion=on] .demo-flip.is-flipped .demo-face{grid-area:1 / 1;backface-visibility:hidden}html[data-motion=on] .demo-flip.is-flipped .demo-front{animation:demo-tag-flip .2s linear forwards}html[data-motion=on] .demo-flip.is-flipped .demo-back{transform:rotateY(180deg);animation:demo-tag-back .2s linear forwards}@keyframes demo-flash{0%{opacity:1}to{opacity:0}}@keyframes demo-tick{0%{transform:translateY(.4em);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes demo-tag-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes demo-tag-back{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}
