@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--black:#000;--bg:#0e1015;--paper:#f5f5f7;--tile:#ffffff0e;--tile-solid:#191c23;--tile-dark:#191c23;--grey-on-dark:#9096a2;--blue:#2368e0;--link-on-dark:#6ea8ff;--s1:#ef3b36;--s2:#f08a2c;--s3:#f1c230;--s4:#b6e03a;--s5:#8fdc3f;--s6:#2fd38a;--s7:#25b9e8;--s8:#3d82f0;--s9:#b94ee8;--wrap:1120px;--wide:1360px;--gutter:max(24px, calc((100vw - var(--wrap)) / 2));--local:52px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--local) + 8px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--paper);font-feature-settings:"calt", "kern", "cv11";-webkit-font-smoothing:antialiased;margin:0;font:400 1.0625rem/1.47 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.panel-box{isolation:isolate;background:radial-gradient(70% 90% at 15% 0,#2fd38a21,#0000 70%),radial-gradient(70% 90% at 90% 100%,#b94ee824,#0000 70%),#12151c;border-radius:32px;padding:clamp(40px,6vw,80px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff17,0 40px 100px -50px #000000e6}canvas.shader{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}canvas.shader.on{opacity:1}img,svg{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--link-on-dark);outline-offset:3px;border-radius:6px}.sr,.skip:not(:focus){position:absolute;left:-9999px}.skip:focus{z-index:200;color:#000;background:#fff;border-radius:10px;padding:10px 16px;position:fixed;top:12px;left:12px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}.global-nav{z-index:120;background:#08090c;font-size:.75rem;position:relative}.global-nav.sticky{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#08090ccc;position:sticky;top:0}.global-nav .wrap{max-width:var(--wide);justify-content:space-between;align-items:center;height:44px;display:flex}.global-nav .brand{letter-spacing:.01em;color:#f5f5f7;font-weight:600;text-decoration:none}.global-nav nav{gap:28px;display:flex}.global-nav nav a{color:#d2d2d7;text-decoration:none;transition:color .2s}.global-nav nav a:hover,.global-nav nav a[aria-current]{color:#fff}.local-nav{z-index:110;-webkit-backdrop-filter:saturate(180%)blur(20px);color:#f5f5f7;background:#0d0f14b8;position:sticky;top:0}.local-nav .wrap{max-width:var(--wide);height:var(--local);justify-content:space-between;align-items:center;display:flex}.local-name{letter-spacing:-.02em;font-size:1.3125rem;font-weight:600;text-decoration:none}.local-nav nav{align-items:center;gap:26px;font-size:.75rem;display:flex}.local-nav nav a:not(.btn){color:#d2d2d7;text-decoration:none;transition:color .2s}.local-nav nav a:not(.btn):hover,.local-nav nav a[aria-current]{color:#fff}.read-line{opacity:0;transform-origin:0;height:2px;transform:scaleX(var(--read,0));background:#ffffff8c}.motion .btn{cursor:pointer;background:var(--blue);color:#fff;border:0;border-radius:980px;padding:12px 22px;font-size:1.0625rem;font-weight:400;line-height:1.1;text-decoration:none;transition:background .2s;display:inline-block}.btn:hover{background:#3a78ea}.btn[disabled]{opacity:.6;cursor:progress}.btn-small{padding:6px 12px;font-size:.75rem}.band{padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,72px)}.statement{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.5rem,6vw,5rem);font-weight:600;line-height:1.03}.tagline{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:600;line-height:1.12}.lede{letter-spacing:-.012em;max-width:34em;font-size:clamp(1.125rem,1.8vw,1.3125rem);font-weight:600;line-height:1.38}.lede p{margin:0}.lede{color:var(--grey-on-dark)}.lede strong{color:#f5f5f7}.crop{aspect-ratio:var(--ar);position:relative;overflow:hidden}.crop picture{display:contents}.crop img{max-width:none;height:auto;width:calc(100% / var(--w));left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%);position:absolute}.frame{background:#1b1b1d;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 40px 100px -40px #000c}.hero-stage{padding:72px 0 0;position:relative;overflow:hidden}.hero-copy{text-align:center;justify-items:center;padding:0 24px;display:grid}.hero-copy .mark{border-radius:16px;margin-bottom:18px}.hero h1{letter-spacing:-.06em;margin:0;font-size:clamp(4.5rem,12vw,9rem);font-weight:600;line-height:.9}.hero .tagline{margin-top:22px}.hero .lede{text-align:center;margin:22px auto 0}.cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;margin:34px 0 0;display:flex}.more{color:var(--link-on-dark);font-size:1.0625rem;text-decoration:none}.more:after{content:" ›"}.more:hover{text-decoration:underline}.hero-shot{max-width:var(--wide);margin:72px auto 0;padding:0 clamp(12px,3vw,40px)}.hero-shot .frame{border-radius:16px 16px 0 0;box-shadow:0 0 0 1px #ffffff1f,0 -30px 120px -30px #3d82f040}.chapter-shot{max-width:var(--wide);margin-bottom:clamp(32px,4vw,56px);padding:0 clamp(12px,3vw,40px)}.chapter-shot .frame{border-radius:22px;overflow:hidden}.chapter-head{grid-template-columns:1.15fr 1fr;align-items:end;gap:24px 64px;margin-bottom:clamp(28px,4vw,44px);display:grid}.chapter-head .lede{padding-bottom:.5em}.rail{scroll-snap-type:x mandatory;padding:0 var(--gutter) 4px;scroll-padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain;gap:20px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail:focus-visible{outline-offset:-4px}.rail-controls{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.rail-controls button{cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s,opacity .2s;display:grid}.rail-controls button:hover:not(:disabled){background:#ffffff3d}.rail-controls button:disabled{opacity:.35;cursor:default}.tile{scroll-snap-align:start;background:var(--tile);min-height:clamp(480px,62vw,640px);color:var(--paper);border-radius:28px;flex-direction:column;flex:0 0 min(82vw,560px);padding:36px 36px 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.tile h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.6vw,1.875rem);font-weight:600;line-height:1.1}.tile p{color:var(--grey-on-dark);margin:14px 0 0;font-size:1.0625rem;line-height:1.4}.tile.plain{padding-bottom:36px}.tile.plain p{font-size:1.1875rem}.tile.tinted{background:var(--tint);color:var(--tint-ink);box-shadow:none;justify-content:space-between}.tile.tinted h3{font-size:clamp(1.875rem,3.4vw,2.5rem)}.tile.tinted p{color:var(--tint-ink);margin:0}.compact .tile{min-height:clamp(220px,24vw,260px)}.tile-visual{flex-direction:column;justify-content:flex-end;min-height:0;margin:auto -36px 0;padding-top:28px;display:flex}.tile-visual .crop{border-radius:0;box-shadow:0 0 0 1px #ffffff1a}.diagram{color:var(--paper);--tile-bg:#15171d;padding:0 36px 32px}.diagram svg{width:100%;height:auto}.gallery .tile{background:#0006;min-height:clamp(520px,66vw,680px)}.gallery .tile h3{font-size:clamp(1.625rem,2.9vw,2.125rem)}.gallery .tile .diagram{--tile-bg:#0c0d11}.formats{margin:0;padding:0 36px 28px;list-style:none}.formats li{letter-spacing:-.04em;border-top:1px solid #80808059;align-items:center;gap:16px;padding:12px 0;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:600;line-height:1;display:flex}.formats .dot{border-radius:50%;flex:none;width:14px;height:14px}.chips{flex-wrap:wrap;gap:10px;margin:0 0 36px;display:flex}.chips button{cursor:pointer;color:#f5f5f7;background:#ffffff1f;border:0;border-radius:980px;padding:9px 18px;font-size:.9375rem;transition:background .2s,color .2s}.chips button:hover{background:#fff3}.chips button[aria-pressed=true]{color:#000;background:#f5f5f7}.gallery .chips{margin-top:40px}.platforms{grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.platforms figure{margin:0}.platforms .frame{border-radius:12px}.platforms figcaption{letter-spacing:-.01em;margin-top:14px;font-size:1.0625rem;font-weight:600}.pricing .lede{margin-top:28px}.pricing{grid-template-columns:1fr 1fr;align-items:start;gap:56px 80px;display:grid}.pricing .signup .note,.cta-band .signup .note{color:#a8aebb}.price-table{margin:0 0 40px}.price-table div{border-top:1px solid #ffffff2e;justify-content:space-between;gap:24px;padding:20px 0;display:flex}.price-table div:last-child{border-bottom:1px solid #ffffff2e}.price-table dt{color:var(--grey-on-dark);font-size:1.0625rem}.price-table dd{letter-spacing:-.02em;text-align:right;margin:0;font-size:1.5rem;font-weight:600}.price-table div:first-child dd{letter-spacing:-.04em;font-size:2.5rem;line-height:1}.signup{width:100%;max-width:520px}.signup .row{gap:10px;display:flex}.signup input[type=email]{color:#f5f5f7;min-width:0;font:inherit;background:#161618;border:1px solid #424245;border-radius:980px;flex:1;padding:12px 20px}.signup input[type=email]::placeholder{color:#86868b}.signup input[type=email]:focus{outline:2px solid var(--link-on-dark);outline-offset:2px;border-color:#0000}.signup .note{color:var(--grey-on-dark);margin:14px 0 0;font-size:.8125rem;line-height:1.4}.signup .note a{color:var(--link-on-dark)}.signup .status{min-height:1.4em;margin:12px 0 0;font-size:.9375rem}.signup .status.ok{color:#6fd98c}.signup .status.err{color:#ff8a80}.hp{position:absolute;left:-9999px}.faq-wrap{max-width:860px}.faq{margin-top:56px}.faq details{border-top:1px solid #ffffff24}.faq details:last-child{border-bottom:1px solid #ffffff24}.faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:600;line-height:1.2;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary svg{flex:none;transition:transform .25s}.faq details[open] summary svg{transform:rotate(45deg)}.faq p{max-width:38em;color:var(--grey-on-dark);margin:0 0 28px;font-size:1.0625rem;line-height:1.5}.faq a,.prose a,.page a{color:var(--link-on-dark)}.page{padding:clamp(64px,9vw,112px) 0 clamp(80px,10vw,140px)}.page .wrap{max-width:860px}.page .statement{font-size:clamp(2.5rem,6vw,4.5rem)}.prose{color:#b4b9c4;max-width:38em;margin-top:48px;line-height:1.5}.prose h2{letter-spacing:-.02em;color:#f5f5f7;margin:48px 0 10px;font-size:1.5rem}.prose p,.prose ul{margin:0 0 1em}.prose li{margin-bottom:.4em}.company .tagline{color:var(--grey-on-dark);margin-top:20px}.product{isolation:isolate;background:var(--tile);border-radius:28px;grid-template-columns:1fr 1.3fr;align-items:end;gap:40px;margin-top:72px;padding:48px 48px 0;text-decoration:none;transition:background .25s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff12}.product:hover{background:#ffffff14}.product-copy{padding-bottom:48px}.product-copy .mark{border-radius:13px;margin-bottom:18px}.product h2{letter-spacing:-.045em;margin:0;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:600;line-height:1}.product .status{color:var(--link-on-dark);margin:10px 0 0;font-weight:600}.product p{color:var(--grey-on-dark);margin:12px 0 0}.product .more{color:var(--link-on-dark);margin-top:20px;display:inline-block}.product .more:after{content:" ›"}.product-shot{border-radius:12px 12px 0 0}.site-footer{color:var(--grey-on-dark);border-top:1px solid #ffffff1a;padding:32px 0 40px;font-size:.75rem;line-height:1.4}.site-footer .wrap{max-width:var(--wide)}.site-footer p{max-width:70em;margin:0 0 10px}.footer-row{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:20px;padding-top:14px;display:flex}.site-footer nav{gap:20px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.motion .hero{height:250svh}.motion .hero-stage{top:var(--local);height:calc(100svh - var(--local));padding-top:clamp(28px,6svh,64px);position:sticky}.motion .hero-copy{transform:translateY(calc(var(--p,0) * -8svh));opacity:calc(1 - var(--p,0) * 3.4);will-change:transform, opacity}.motion .hero-shot{transform:translateY(calc(82svh - var(--p,0) * 76svh)) scale(calc(.84 + var(--p,0) * .2));transform-origin:50% 0;will-change:transform;margin:0 auto;position:absolute;top:0;left:0;right:0}.motion .hero-shot .frame{border-radius:16px}.motion .chapter-shot .crop{transform:scale(calc(1.14 - var(--p,.5) * .14));will-change:transform}@media (width<=860px){.chapter-head,.pricing,.product{grid-template-columns:1fr}.chapter-head{align-items:start}.local-nav nav a:not(.btn){display:none}.global-nav nav{gap:18px}.platforms{grid-template-columns:1fr}.signup .row{flex-direction:column}.signup .btn{width:100%}.product,.tile{padding:28px 28px 0}.tile-visual{margin:auto -28px 0}.diagram,.formats{padding-left:28px;padding-right:28px}.motion .hero{height:auto}.motion .hero-stage{height:auto;padding-top:56px;position:relative;top:auto}.motion .hero-copy{opacity:1;transform:none}.motion .hero-shot{margin-top:56px;position:relative;transform:none}}.pill{color:#d3d6dd;background:#ffffff0f;border-radius:980px;align-items:center;gap:12px;margin-bottom:28px;padding:5px 14px 5px 5px;font-size:.8125rem;text-decoration:none;transition:background .2s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.pill:hover{background:#ffffff1a}.pill b{background:var(--blue);color:#fff;border-radius:980px;padding:4px 10px;font-weight:500}.pill span:after{content:" ›"}.principles-head{margin-bottom:clamp(48px,6vw,80px)}.figs{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);display:grid}.fig{padding:40px 32px 8px 0}.fig+.fig{border-left:1px solid #ffffff1a;padding-left:32px}.fig-visual{background:#00000059;border-radius:12px;align-items:center;height:200px;margin-bottom:28px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.fig-visual .crop{border-radius:0}.fig-visual .diagram,.fig-visual .formats{padding:0 24px}.fig-visual .formats li{padding:4px 0;font-size:1.75rem}.fig-no{color:var(--grey-on-dark);letter-spacing:.01em;margin:0 0 10px;font-size:.8125rem}.fig h3{letter-spacing:-.025em;margin:0 0 10px;font-size:1.375rem;font-weight:600;line-height:1.15}.fig p:last-child{color:var(--grey-on-dark);margin:0;font-size:1.0625rem;line-height:1.45}.stats .lede.big{letter-spacing:-.03em;max-width:24em;margin-bottom:56px;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.15}.stat-row{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.stat-row div{padding:32px 32px 0 0}.stat-row div+div{border-left:1px solid #ffffff1a;padding-left:32px}.stat-row dt{letter-spacing:-.05em;font-size:clamp(3.25rem,7vw,5.75rem);font-weight:600;line-height:.95}.stat-row dd{max-width:16em;color:var(--grey-on-dark);margin:14px 0 0;font-size:1.0625rem;line-height:1.4}.log{grid-template-columns:repeat(3,1fr);gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.log li{border-top:1px solid #ffffff1f;padding:24px 0 40px}.log time{color:var(--grey-on-dark);margin-bottom:14px;font-size:.8125rem;display:block}.log h3{letter-spacing:-.025em;margin:0 0 10px;font-size:1.375rem;font-weight:600;line-height:1.15}.log p{color:var(--grey-on-dark);margin:0;font-size:1.0625rem;line-height:1.45}.cta-band{text-align:center}.cta-band .panel-box{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(72px,10vw,140px)}.cta-band .statement{font-size:clamp(2.75rem,7vw,6rem)}.cta-band .lede{margin:28px auto 40px}.cta-band .signup{text-align:left;margin:0 auto}@media (width<=860px){.figs,.stat-row,.log{grid-template-columns:1fr}.fig,.fig+.fig,.stat-row div,.stat-row div+div{border-left:0;padding:32px 0 8px}.fig+.fig,.stat-row div+div{border-top:1px solid #ffffff1a}}.cols-4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 32px;margin-top:48px;display:grid}.cols-4>div{border-top:1px solid #ffffff1f;padding:22px 0 8px}.cols-4 h3,.hairlist h3,.pair-card h3,.process-panel h3{letter-spacing:-.025em;margin:0 0 8px;font-size:1.25rem;font-weight:600;line-height:1.15}.cols-4 p,.hairlist p,.pair-card p,.process-panel p{color:var(--grey-on-dark);margin:0;font-size:1.0625rem;line-height:1.45}.cols-4.plain{margin-top:56px}.takes-panel{color:var(--paper);background:#ffffff0b;border-radius:28px;padding:clamp(20px,3vw,40px);position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.takes-panel svg{width:100%;height:auto}.takes-caption{color:var(--grey-on-dark);text-align:right;margin:14px 0 0;font-size:.875rem}.motion .comp-piece{--k:clamp(0, calc((var(--p,.5) - .1 - var(--i) * .06) * 8), 1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 120px));transform-box:fill-box}.annotated{position:relative}.pin{pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-7px,-50%)}.pin i{background:var(--blue);border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 5px #2368e059}.pin b{color:#fff;white-space:nowrap;backdrop-filter:blur(8px);background:#0e1015db;border-radius:980px;padding:6px 12px;font-size:.8125rem;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff2e}.motion .pin{opacity:clamp(0, calc((var(--p,.5) - .38 - var(--n) * .05) * 8), 1)}.pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pair-card{background:#ffffff0b;border-radius:28px;padding:clamp(24px,3vw,40px);box-shadow:inset 0 0 0 1px #ffffff12}.pair-visual{color:var(--paper);--tile-bg:#0d0f13;background:#0d0f13;border-radius:16px;margin-bottom:28px;padding:20px;box-shadow:inset 0 0 0 1px #ffffff0f}.pair-visual .diagram{padding:0}.pair-visual svg{width:100%;height:auto}.console{grid-template-columns:.62fr 1.6fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.console .statement{font-size:clamp(2.25rem,4.6vw,4rem)}.console .lede{margin-top:22px}.hairlist{margin:40px 0 0;padding:0;list-style:none}.hairlist li{border-top:1px solid #ffffff1f;padding:20px 0}.console-shot{margin-right:calc(-1 * max(24px, (100vw - var(--wrap)) / 2))}.console-shot .frame{border-radius:22px 0 0 22px}.formats-row{grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);display:grid}.format-type{margin:0;padding:0;list-style:none}.format-type li{letter-spacing:-.055em;align-items:center;gap:clamp(14px,2vw,28px);padding:4px 0;font-size:clamp(3.5rem,9vw,7.5rem);font-weight:600;line-height:1;display:flex}.format-type span{border-radius:50%;flex:none;width:clamp(14px,1.8vw,24px);height:clamp(14px,1.8vw,24px)}.process-panel{color:var(--paper);--tile-bg:#14161b;background:#ffffff0b;border-radius:28px;padding:clamp(24px,3vw,36px);box-shadow:inset 0 0 0 1px #ffffff12}.process-panel .diagram{padding:0 0 20px}.process-panel svg{width:100%;height:auto}.statements{grid-template-columns:1fr 1fr;gap:56px clamp(32px,6vw,96px);margin-top:clamp(40px,5vw,64px);display:grid}.statements .group{color:var(--grey-on-dark);margin:0 0 8px;font-size:.875rem;font-weight:500}.st{border-top:1px solid #ffffff1f;padding:22px 0}.st h4{letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(1.5rem,2.8vw,2.25rem);font-weight:600;line-height:1.1}.st p{max-width:28em;color:var(--grey-on-dark);margin:0;font-size:1.0625rem;line-height:1.45}@media (width<=860px){.pair,.console,.formats-row,.statements{grid-template-columns:1fr}.console-shot{margin-right:0}.console-shot .frame{border-radius:16px}.pin{display:none}}.stats .statement{margin-bottom:clamp(32px,4vw,56px)}.stats .stat-row{margin-bottom:36px}.lede.small{max-width:44em;font-size:.9375rem;font-weight:400;line-height:1.5}.pill b{background:#ffffff24}