@font-face{font-family:Cabinet Grotesk;font-weight:400;font-display:swap;src:url(/triptych/fonts/cabinet-grotesk-400.woff2) format("woff2")}@font-face{font-family:Cabinet Grotesk;font-weight:500;font-display:swap;src:url(/triptych/fonts/cabinet-grotesk-500.woff2) format("woff2")}@font-face{font-family:Cabinet Grotesk;font-weight:800;font-display:swap;src:url(/triptych/fonts/cabinet-grotesk-800.woff2) format("woff2")}@font-face{font-family:Doto;font-weight:700;font-display:swap;src:url(/triptych/fonts/doto-latin-700-normal.woff2) format("woff2")}:root{--ground: #fff;--ground-2: #ececec;--ink: #000;--ink-2: #4d4d4d;--accent: #d71921;--font-display: "Cabinet Grotesk", "Arial Black", sans-serif;--font-text: "Cabinet Grotesk", "Segoe UI", sans-serif;--font-mark: Doto, monospace;--margin: 24px;--step-small: .9375rem;--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2.5rem, 1.2rem + 5vw, 5.5rem);--step-display: clamp(64px, 11vw, 180px);--title-top: max(68px, 7svh);--section: clamp(96px, 18vh, 200px);--bounce: cubic-bezier(.34, 1.5, .5, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--ground: #000;--ground-2: #161616;--ink: #fff;--ink-2: #b3b3b3;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--step-body)/1.5 var(--font-text);-webkit-font-smoothing:antialiased}html.booting body{overflow:hidden}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-color:var(--accent);text-underline-offset:5px}h2,h3{margin:0}h2{font:800 var(--step-head)/.92 var(--font-display);letter-spacing:-.035em;text-wrap:balance}h3{font:800 var(--step-lead)/1.15 var(--font-display);letter-spacing:-.015em}p{margin:0}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}:focus:not(:focus-visible){outline:none}*{-webkit-tap-highlight-color:transparent}:target,section[id]{scroll-margin-top:72px}.skip{position:absolute;left:-999px;top:8px;padding:8px 14px;background:var(--ink);color:var(--ground);z-index:50}.skip:focus{left:8px}.lead{font-size:var(--step-lead);line-height:1.35;max-width:34rem}.link{display:inline-block;margin-top:18px;font-weight:500}.btn{display:inline-block;margin-top:16px;padding:14px 22px;border:0;background:#fff;color:#000;font:800 var(--step-body)/1.2 var(--font-text);text-decoration:none;cursor:pointer;transition:transform .25s var(--bounce)}.btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(1px)}.btn-ink{background:var(--ink);color:var(--ground)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin);align-items:end}.boot{position:absolute;inset:0;z-index:2;display:grid;place-items:center;padding:calc(var(--title-top) + var(--step-display) * .9 + 2svh) var(--margin) 120px;color:#fff;pointer-events:none}.viz{container-type:inline-size;display:flex;align-items:flex-end;justify-content:space-between;height:100%;max-height:40svh;aspect-ratio:411 / 453;max-width:100%}.viz .bar{--h: 77.26%;width:27.49%;height:var(--h);border-radius:5.84cqw;background:currentColor;animation:rise 1s ease-in-out both}.viz .bar-2{--h: 100%;animation-delay:.15s}.viz .bar-3{background:var(--accent);animation-delay:.3s}.hero[data-paused=true] .viz .bar{animation-play-state:paused}.hero.lowered .viz .bar{animation:sink .35s ease-in .1s both}.hero.lowered .viz .bar-2{animation-delay:.05s}.hero.lowered .viz .bar-3{animation-delay:0s}@keyframes sink{0%{height:var(--h)}to{height:calc(var(--h) * .02)}}.track{filter:blur(6px) brightness(.55)}html.booting .track{filter:blur(30px) brightness(.45) saturate(.9)}@keyframes rise{0%{height:calc(var(--h) * .02)}65%{height:calc(var(--h) * 1.06)}82%{height:calc(var(--h) * .98)}to{height:var(--h)}}.nav{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:20px var(--margin);mix-blend-mode:difference;color:#fff}.nav{transition:opacity .35s ease,transform .5s var(--bounce)}.nav[data-shown=false]:not(:focus-within){opacity:0;transform:translateY(-100%);pointer-events:none}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 20px/1 var(--font-mark)}.brand-mark{width:16px;height:18px}.brand-mark .bar-3{fill:currentColor}.nav-links{display:flex;gap:28px;font-weight:500}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline;text-decoration-color:currentColor}.nav-links{margin-left:auto}.nav-icon{display:none;width:22px;height:22px}.motion{display:flex;align-items:center;gap:8px;margin-left:28px;padding:0;border:0;background:none;color:inherit;font:500 var(--step-body)/1 var(--font-text);cursor:pointer}.motion-switch{position:relative;width:30px;height:18px;border:2px solid currentColor;border-radius:9px}.motion-switch:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:currentColor;transition:transform .3s var(--bounce)}.motion[aria-pressed=true] .motion-switch:after{transform:translate(12px)}.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;background:#000}.hero{--drag: 0px}.track,.lens-track{display:flex;width:300%;height:100%;transform:translate(calc(var(--i) * -100% / 3 + var(--drag)));transition:transform .95s var(--bounce),filter .9s ease}.track{touch-action:pan-y;cursor:grab}.hero.dragging .track,.hero.dragging .lens-track{transition:none}.hero.dragging .track{cursor:grabbing}.lens{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease;-webkit-mask-image:radial-gradient(circle 280px at var(--mx, 50%) var(--my, 50%),#000 55%,transparent 100%);mask-image:radial-gradient(circle 280px at var(--mx, 50%) var(--my, 50%),#000 55%,transparent 100%)}.lens .shot img{filter:brightness(.55)}.hero.lensing .lens{opacity:1}html.booting .lens{display:none}@media(hover:none),(pointer:coarse){.lens{display:none}}.slide{position:relative;flex:0 0 calc(100% / 3);height:100%;-webkit-user-select:none;user-select:none}.shot{position:absolute;inset:0}.shot img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;-webkit-user-drag:none}.caption{position:absolute;right:var(--margin);bottom:28px;max-width:24ch;text-align:right;color:#fff}.hero:before,.hero:after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}.hero:before{top:0;height:45%;background:linear-gradient(#000000b8,#0000)}.hero:after{bottom:0;height:50%;background:linear-gradient(#0000,#000c)}.hud{position:absolute;inset:0;z-index:3;pointer-events:none;color:#fff}.hud a,.hud button{pointer-events:auto}.title{position:absolute;top:var(--title-top);left:0;right:0;margin:0;text-align:center;font:800 var(--step-display)/.86 var(--font-display);letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap}.stop{display:inline-block;width:.16em;height:.16em;margin-left:.04em;border-radius:50%;background:var(--accent)}.intro{position:absolute;left:var(--margin);bottom:28px;max-width:27ch}.lede{font-weight:500}.controls{position:absolute;left:50%;bottom:28px;transform:translate(-50%);display:flex;align-items:center;gap:18px}.tabs{display:flex;gap:22px}.tabs button,.play{font:500 var(--step-body)/1 var(--font-text);color:inherit;background:none;border:0;padding:8px 0;cursor:pointer}.tabs button{opacity:.6;border-bottom:2px solid transparent;transition:opacity .2s ease}.tabs button:hover{opacity:.85}.tabs button[aria-selected=true]{opacity:1;border-bottom-color:currentColor}.play{width:32px;height:32px;padding:0;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%}.play span{width:8px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}.play[data-playing=false] span{width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor;margin-left:3px}.what{padding:var(--section) var(--margin) 0}.panels{list-style:none;margin:12vh 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--margin)}.panels li{border-top:8px solid var(--ink);padding-top:22px}.panels li.is-app{border-top-color:var(--accent)}.panel-key{display:block;height:72px;font:700 72px/1 var(--font-mark)}.panel-mark{display:block;width:auto;height:64px;margin-bottom:8px}.panels h3{margin-top:18px}.panels p{margin-top:8px;max-width:30ch;color:var(--ink-2)}.how{padding:var(--section) var(--margin) 0}.steps{list-style:none;margin:8vh 0 0;padding:0}.step{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr) minmax(0,4fr);gap:var(--margin);align-items:start;padding:48px 0;border-top:2px solid var(--ink)}.step-n{font:800 clamp(96px,13vw,220px)/.78 var(--font-display);letter-spacing:-.05em}.step-text p{margin-top:12px;max-width:46ch}.tree{padding:22px 24px;background:var(--ground-2);font-size:var(--step-small);line-height:2}.tree-head{font:700 20px/1.6 var(--font-mark)}.tree-row.d1{padding-left:16px}.tree-row.d2{padding-left:32px}.tree-row.d3{padding-left:48px;color:var(--ink-2)}.tree-row.on{color:var(--ink);font-weight:800}.tree-row.on:after{content:"";display:inline-block;width:8px;height:8px;margin-left:10px;border-radius:50%;background:var(--accent);vertical-align:1px}.systems{list-style:none;margin:0;padding:0;font:800 var(--step-head)/.95 var(--font-display);letter-spacing:-.035em}.phone{position:relative;width:min(260px,100%);aspect-ratio:585 / 1266;border:8px solid #000;border-radius:36px;overflow:hidden;background:#000}.phone img{width:100%;height:100%;object-fit:cover}.film{padding:var(--section) 0 0}.film .split{padding:0 var(--margin)}.film-video{width:100%;margin-top:8vh;background:#000;aspect-ratio:16 / 9}.pocket{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin);align-items:center;padding:var(--section) var(--margin) 0}.pocket-phone{display:grid;justify-items:center;gap:12px}.phone.big{width:min(360px,78vw);border-width:10px;border-radius:48px}.dim{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .6s ease;pointer-events:none}.dim.on{opacity:1}.sheet{position:absolute;inset:0;clip-path:inset(22.04% 0 0 0);transform:translateY(100%);transition:transform .6s cubic-bezier(.32,.72,0,1)}.sheet.up{transform:none}.points{margin:6vh 0 0;display:grid;gap:28px}.points dt{font:800 var(--step-lead)/1.15 var(--font-display)}.points dd{margin:6px 0 0;max-width:40ch}.features{padding:var(--section) var(--margin) 0}.feature-list{margin:8vh 0 0;display:grid;grid-template-columns:1fr 1fr;gap:40px var(--margin)}.feature-list div{border-top:2px solid var(--ink);padding-top:16px}.feature-list dt{font:800 var(--step-lead)/1.15 var(--font-display)}.feature-list dd{margin:8px 0 0;max-width:44ch;color:var(--ink-2)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin);padding:var(--section) var(--margin) 0;align-items:start}.faq h2{position:sticky;top:90px}.faq details{border-bottom:2px solid var(--ink)}.faq details:first-child{border-top:2px solid var(--ink)}.faq summary{display:flex;justify-content:space-between;gap:16px;padding:22px 0;font:500 var(--step-lead)/1.25 var(--font-text);cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:800;transition:transform .3s var(--bounce)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding:0 0 24px;max-width:52ch}.contact{display:grid;grid-template-columns:1fr 1fr;gap:var(--margin);margin-top:var(--section);padding:72px var(--margin);background:var(--ground-2)}.contact .lead{margin-top:20px}.contact-form{display:grid;gap:20px;align-content:start}.kind{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;border:0}.kind legend{width:100%;margin-bottom:8px;font-weight:500}.kind label{display:flex;align-items:center;gap:8px;cursor:pointer}.kind input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.field{display:grid;gap:8px;font-weight:500}.field input,.field textarea{width:100%;padding:14px;border:2px solid var(--ink);border-radius:0;background:var(--ground);color:var(--ink);font:400 var(--step-body)/1.4 var(--font-text)}.field textarea{resize:vertical}.field ::placeholder{color:var(--ink-2);opacity:.8}.contact-form .btn{justify-self:start;margin-top:0}.download{padding-top:var(--section)}.band{position:relative;display:block;height:60svh;min-height:360px;background:var(--ink);color:var(--ground);text-decoration:none;overflow:hidden;transition:background-color .45s ease,color .45s ease,outline-color .45s ease}.band:hover,.band:focus-visible{background:var(--ground);color:var(--ink);outline:3px solid var(--ink);outline-offset:-3px}.band-note{position:absolute;top:20px;left:var(--margin);max-width:30ch;font-weight:500}.band-arrow{position:absolute;top:20px;right:var(--margin);width:48px;height:48px;color:var(--accent)}.band-word{position:absolute;left:calc(var(--margin) - .04em);bottom:24px;font:800 clamp(64px,19.5vw,400px)/.8 var(--font-display);letter-spacing:-.05em}.others{list-style:none;margin:0;padding:26px var(--margin) 0;display:flex;flex-wrap:wrap;gap:12px 36px;font-size:var(--step-lead);font-weight:500}.fine{margin:18px var(--margin) 0;max-width:70ch;color:var(--ink-2)}.foot{display:grid;grid-template-columns:auto 1fr;gap:16px var(--margin);margin-top:24svh;padding:0 var(--margin) 32px;color:var(--ink-2);font-size:var(--step-small)}.foot-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:700 20px/1 var(--font-mark)}.foot-mark{width:16px;height:18px}.foot-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 24px}.foot-links a{color:var(--ink)}.foot-note{grid-column:1 / -1;max-width:70ch}@media(max-width:820px){:root{--step-display: 15.5vw;--title-top: 70px;--section: 96px}.nav-links{gap:18px}.nav-links a:not(:last-child){display:none}.motion{margin-left:18px}.nav-word{display:none}.nav-icon{display:block}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero{min-height:640px}.boot{padding-bottom:250px}.viz{height:auto;width:min(48vw,30svh);max-width:none}.shot img{object-position:50% 0}.hero:after{height:62%}.caption{display:none}.intro{right:var(--margin);bottom:76px;max-width:none}.lede{font-size:16px}.controls{left:var(--margin);right:var(--margin);bottom:22px;transform:none;justify-content:space-between}.tabs{gap:16px}.split,.pocket,.faq,.contact{grid-template-columns:1fr}.split{gap:20px}.panels{grid-template-columns:1fr;gap:40px;margin-top:56px}.step{grid-template-columns:1fr;gap:16px}.step .phone{width:200px}.pocket-phone{order:2}.feature-list{grid-template-columns:1fr;gap:28px}.faq h2{position:static}.band{height:46svh}.foot{grid-template-columns:1fr}.foot-links{justify-content:flex-start}}html.still .viz .bar{animation:none}html.still .motion-switch:after,html.still .nav,html.still .track,html.still .lens-track,html.still .btn,html.still .tabs button,html.still .band,html.still .sheet,html.still .dim,html.still .faq summary:after{transition:none}