:root{color-scheme:dark;--soft: #b4b4b4;--dim: #8b8b8b;--line: #262626;--inset: 1.2em}*,:before,:after{box-sizing:border-box}html{background:#000;color:#fff;-webkit-text-size-adjust:100%}body{margin:0;font:clamp(.875rem,4.1vw,1.125rem) / 1.3 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:80em;margin:0 auto;overflow:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:.2em}img,picture{display:block}h1,p{margin:0}.skip{position:absolute;top:.6em;left:.6em;z-index:2;padding:.6em 1em;background:#fff;color:#000;font-weight:600;transform:translateY(-300%)}.skip:focus{transform:none}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.7em .8em;padding:1.1em var(--inset);font-size:.9em;color:var(--soft)}.bar nav{display:flex;align-items:center;gap:1em}.bar nav a:not(.button):hover,.lead a:hover,footer a:hover{color:#fff}.logo{display:inline-flex;align-items:center;gap:.45em;color:#fff;font-size:1.2em;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.logo img{width:1.2em;height:1.2em}.button{display:inline-flex;align-items:center;justify-content:center;padding:.62em 1.15em;border-radius:9em;background:#1c1c1c;color:#fff;font-size:.9em;font-weight:600;white-space:nowrap}.button:hover{background:#2a2a2a}.button.primary{background:#fff;color:#000}.button.primary:hover{background:#dcdcdc}.hero{padding:2em var(--inset) 0;text-align:center}h1{font-size:2.9em;font-weight:650;line-height:1;letter-spacing:-.045em;text-wrap:balance}.lead{margin:.8em 0 1.3em;color:var(--soft);font-size:1.05em;line-height:1.4}.lead a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7em}.actions .button{padding:.8em 1.4em;font-size:.95em}.frame{overflow:hidden;border:1px solid var(--line);border-right:0;border-radius:1em 0 0 1em;background:#000}.frame img{width:100%;height:auto}.window,.shot{margin:2.2em 0 0 var(--inset)}.feature{margin-top:3.5em}.text{margin-inline:var(--inset)}.feature h2{margin:0;font-size:1.8em;font-weight:650;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}footer{display:flex;flex-wrap:wrap;gap:.9em 1.8em;margin-top:4em;padding:2.5em var(--inset);border-top:1px solid #1c1c1c;color:var(--dim);font-size:max(.8em,.75rem);line-height:1.5}footer b{color:#fff}footer p{flex-basis:100%}@media(max-width:30em){.actions .button{flex:1 1 100%}}@media(min-width:43.75em){.frame{width:125%}}@media(min-width:70em){body{font-size:clamp(.875rem,1.25vw,1.25rem)}.bar{gap:2em;padding:1.5em 2.5em}.bar nav{gap:2em}.hero{padding:5em 2em 3.5em}h1{font-size:6em}.lead{margin:1.1em 0 1.8em;font-size:1.25em}.window{width:68em;margin:0 auto;transform-origin:50% 0}.window .frame{width:auto;border:1px solid var(--line);border-radius:1em}.feature{display:grid;grid-template-columns:25em 1fr;gap:4em;align-items:center;margin-top:8em;padding-left:5em}.feature.reverse{grid-template-columns:1fr 25em;padding:0 5em 0 0}.reverse .text{order:2}.text{margin-inline:0}.feature h2{font-size:2.6em}.shot{position:relative;height:30em;margin:0;overflow:hidden}.shot:after{content:"";position:absolute;inset:auto 0 0;height:5em;background:linear-gradient(transparent,#000);pointer-events:none}.shot .frame{width:54em}.shot.whole{height:auto}.shot.whole:after{content:none}.reverse .shot .frame{width:50em;margin-left:-4em;border:1px solid var(--line);border-left:0;border-radius:0 1em 1em 0}footer{margin-top:5em;padding:2.5em}}@media(min-width:100.0625em){.shot{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 6em),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 6em),transparent)}.reverse .shot{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 6em),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 6em),transparent)}}@keyframes rise{0%{opacity:0;transform:translateY(1.2em)}}@keyframes appear{0%{opacity:0}}@media(prefers-reduced-motion:no-preference){.rise,.revealed{animation:rise .7s ease-out both}.hero .lead{animation-delay:.1s}.hero .actions{animation-delay:.2s}.window{animation:appear .7s ease-out .3s both}}@media(min-width:70em)and (prefers-reduced-motion:no-preference){.window{transform:perspective(90em) rotateX(calc((1 - var(--tilt, 1)) * 20deg)) scale(calc(.88 + var(--tilt, 1) * .12));will-change:transform}}.subpage .page{display:flex;flex-direction:column;min-height:100svh}.subpage main{flex:1}.subpage footer a[aria-current=page]{color:#fff}.policy{max-width:43.4em;margin-inline:auto;padding:2.2em var(--inset) 0;line-height:1.65;overflow-wrap:break-word}.policy h1,.not-found h1{line-height:1.05;letter-spacing:-.04em}.policy h1{max-width:none;margin:0 0 .7em;font-size:2.1em}.policy h2{margin:2.4em 0 .6em;font-size:1.4em;font-weight:650;line-height:1.2;letter-spacing:-.02em}.policy h3{margin:1.9em 0 .4em;font-size:1.05em;font-weight:650;line-height:1.3}.policy p,.policy ul{margin:0 0 1em}.policy ul{padding-left:1.2em}.policy li{margin-bottom:.5em}.policy a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.policy strong{font-weight:650}.policy code{font:.86em/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.policy table{width:100%;margin-bottom:1.2em;border-collapse:collapse}.policy th{padding:0 1.2em .5em 0;border-bottom:1px solid var(--line);font-weight:650;text-align:left}.policy td{padding:.6em 1.2em .6em 0;border-bottom:1px solid #1c1c1c;vertical-align:top}.policy td:first-child{width:11em}.policy td:last-child,.policy th:last-child{padding-right:0}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1em;padding:3em var(--inset) 1em;text-align:center}.not-found h1{font-size:2.5em}.not-found p{color:var(--soft);line-height:1.5}.not-found .button{margin-top:.5em;padding:.8em 1.4em;font-size:.95em}@media(max-width:43.74em){.policy table,.policy tbody,.policy tr,.policy td{display:block;width:auto}.policy thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.policy td:first-child{width:auto;padding:.7em 0 0;border:0;font-weight:650}.policy td:last-child{padding:.1em 0 .7em}}@media(min-width:70em){.policy{padding-top:3.5em}.policy h1{font-size:2.8em}.not-found h1{font-size:3.4em}}
