@font-face{font-family: 'Instrument Serif';src: url('/fonts/instrument-serif.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: 'Instrument Sans';src: url('/fonts/instrument-sans.woff2') format('woff2');font-weight: 400 700;font-style: normal;font-display: swap}:root{--paper: #ffffff;--stone: #f2f1ed;--stone-2: #e8e7e1;--ink: #222b26;--ink-2: #36423b;--muted: #5b645f;--line: #e3e2dd;--line-2: #c9c8c1;--night: #1b221e;--serif: 'Instrument Serif', 'Iowan Old Style', 'Times New Roman', serif;--sans: 'Instrument Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;--gutter: clamp(16px, 4vw, 48px);--max: 1360px;--hdr: 68px;--ease: cubic-bezier(0.2, 0.7, 0.2, 1);color-scheme: light}*, *::before, *::after{box-sizing: border-box}[hidden]{display: none !important}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-padding-top: calc(var(--hdr) + 24px)}body{margin: 0;background: var(--paper);color: var(--ink);font: 400 17px/1.6 var(--sans);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}body.is-locked{overflow: hidden}h1, h2, h3, h4, p, figure, blockquote, dl, dd{margin: 0}h1, h2, h3, h4{font-weight: 400}img, video, svg{display: block;max-width: 100%}img{height: auto}ul, ol{margin: 0;padding: 0}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 0.22em}button{font: inherit;color: inherit}:focus-visible{outline: 2px solid var(--ink-2);outline-offset: 3px;border-radius: 4px}::selection{background: var(--ink);color: var(--paper)}.wrap{width: min(100% - 2 * var(--gutter), var(--max));margin-inline: auto}.skip{position: absolute;left: 12px;top: -60px;z-index: 100;padding: 10px 16px;border-radius: 6px;background: var(--ink);color: var(--paper);font-weight: 600;text-decoration: none}.skip:focus{top: 12px}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0}.display{font-family: var(--serif);font-size: clamp(48px, 6.6vw, 104px);line-height: 0.96;letter-spacing: -0.02em}.h2{font-family: var(--serif);font-size: clamp(38px, 4.6vw, 66px);line-height: 1;letter-spacing: -0.015em}.h3{font-family: var(--serif);font-size: clamp(26px, 2.3vw, 34px);line-height: 1.08;letter-spacing: -0.008em}.lede{font-size: clamp(18px, 1.45vw, 21px);line-height: 1.55;color: var(--ink-2);max-width: 33em}.muted{color: var(--muted)}.small{font-size: 15px;line-height: 1.55}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 50px;padding: 0 24px;border: 1px solid transparent;border-radius: 6px;font: 600 15.5px/1 var(--sans);letter-spacing: 0.005em;text-decoration: none;white-space: nowrap;cursor: pointer;transition: background-color 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease)}.btn svg{width: 16px;height: 16px;flex: none}.btn--ink{background: var(--ink);color: var(--paper)}.btn--ink:hover{background: var(--ink-2)}.btn--line{border-color: var(--ink);color: var(--ink);background: transparent}.btn--line:hover{background: var(--ink);color: var(--paper)}.btn--paper{background: var(--paper);color: var(--ink)}.btn--paper:hover{background: var(--stone)}.btn--ghost-light{border-color: rgb(255 255 255 / 0.45);color: var(--paper)}.btn--ghost-light:hover{border-color: var(--paper);background: rgb(255 255 255 / 0.08)}.btn--sm{min-height: 40px;padding: 0 16px;font-size: 14.5px}.btn--block{width: 100%}.actions{display: flex;flex-wrap: wrap;gap: 12px}.link{font-weight: 600;text-decoration: underline;text-decoration-color: var(--line-2);transition: text-decoration-color 0.2s var(--ease)}.link:hover{text-decoration-color: currentColor}/* header */ .hdr{position: sticky;top: 0;z-index: 60;background: rgb(255 255 255 / 0.94);border-bottom: 1px solid transparent;transition: border-color 0.25s var(--ease)}@supports (backdrop-filter: blur(1px)){.hdr{background: rgb(255 255 255 / 0.82);backdrop-filter: saturate(1.6) blur(18px);-webkit-backdrop-filter: saturate(1.6) blur(18px)}}.hdr.is-scrolled, .hdr.is-open{border-bottom-color: var(--line)}.hdr.is-open{background: var(--paper)}.hdr__bar{display: flex;align-items: center;gap: 28px;height: var(--hdr)}.brand{display: inline-flex;align-items: center;gap: 11px;color: var(--ink);text-decoration: none;flex: none}.brand__mark{width: 30px;height: 30px;border-radius: 8px}.brand__name{font: 400 26px/1 var(--serif);letter-spacing: -0.01em}.nav{margin-left: 20px}.nav__list{display: flex;gap: 2px;list-style: none}.nav__link{display: inline-flex;align-items: center;gap: 6px;height: 40px;padding: 0 13px;border: 0;border-radius: 6px;background: none;font: 500 15.5px/1 var(--sans);color: var(--ink);text-decoration: none;cursor: pointer;transition: background-color 0.2s var(--ease)}.nav__link:hover, .nav__link[aria-expanded='true']{background: var(--stone)}.nav__link[aria-current='page']{text-decoration: underline;text-decoration-color: var(--line-2)}.nav__chev{width: 12px;height: 12px;transition: transform 0.25s var(--ease)}.nav__link[aria-expanded='true'] .nav__chev{transform: rotate(180deg)}.hdr__shop{margin-left: auto}.hdr__menu{display: none;margin-left: auto;width: 44px;height: 44px;margin-right: -10px;border: 0;background: none;cursor: pointer;position: relative}.hdr__menu span{position: absolute;left: 11px;right: 11px;height: 1.5px;background: var(--ink);transition: transform 0.3s var(--ease), top 0.3s var(--ease)}.hdr__menu span:first-child{top: 17px}.hdr__menu span:last-child{top: 26px}.hdr__menu[aria-expanded='true'] span:first-child{top: 21.5px;transform: rotate(45deg)}.hdr__menu[aria-expanded='true'] span:last-child{top: 21.5px;transform: rotate(-45deg)}.mega{position: absolute;left: 0;right: 0;top: 100%;background: var(--paper);border-bottom: 1px solid var(--line);box-shadow: 0 30px 60px -30px rgb(34 43 38 / 0.22);opacity: 0;transform: translateY(-6px);visibility: hidden;transition: opacity 0.22s var(--ease), transform 0.22s var(--ease), visibility 0s linear 0.22s}.mega.is-open{opacity: 1;transform: none;visibility: visible;transition: opacity 0.22s var(--ease), transform 0.22s var(--ease), visibility 0s}.mega__inner{display: grid;grid-template-columns: minmax(230px, 1fr) minmax(0, 1.6fr) 300px;gap: clamp(32px, 4vw, 64px);padding-block: 36px 44px}.mega__head{margin-bottom: 14px;font-size: 14px;font-weight: 500;color: var(--muted)}.mega__styles{list-style: none;border-top: 1px solid var(--line)}.mega__styles a{display: flex;justify-content: space-between;gap: 16px;padding: 11px 0;border-bottom: 1px solid var(--line);text-decoration: none;font-weight: 500}.mega__styles a span{color: var(--muted);font-weight: 400;font-variant-numeric: tabular-nums}.mega__styles a:hover{color: var(--ink-2)}.mega__all{display: inline-block;margin-top: 18px}.mega__designs{list-style: none;columns: 2;column-gap: 32px}.mega__designs li{break-inside: avoid}.mega__designs a{display: flex;align-items: baseline;gap: 8px;padding: 7px 0;text-decoration: none;font-size: 15.5px}.mega__designs a:hover, .mega__designs a.is-active{text-decoration: underline;text-decoration-color: var(--line-2)}.tag{display: inline-block;font-size: 12.5px;font-weight: 600;line-height: 1;padding: 4px 7px 5px;border-radius: 4px;background: var(--stone);color: var(--ink-2);letter-spacing: 0.01em;white-space: nowrap}.mega__preview{display: grid;grid-template-columns: 124px 1fr;gap: 20px;align-items: end;align-self: start;text-decoration: none}.mega__shot{aspect-ratio: 390 / 844;border-radius: 14px;overflow: hidden;background: var(--stone);box-shadow: 0 0 0 1px rgb(34 43 38 / 0.08)}.mega__shot img{width: 100%;height: 100%;object-fit: cover}.mega__preview strong{display: block;font: 400 26px/1.05 var(--serif);margin-bottom: 6px}.mega__preview span{display: block;font-size: 14px;color: var(--muted);line-height: 1.45}.sheet{position: fixed;inset: var(--hdr) 0 0;z-index: 55;overflow-y: auto;background: var(--paper);padding: 12px var(--gutter) 40px;opacity: 0;visibility: hidden;transition: opacity 0.25s var(--ease), visibility 0s linear 0.25s}.sheet.is-open{opacity: 1;visibility: visible;transition: opacity 0.25s var(--ease), visibility 0s}.sheet__nav{display: grid;border-top: 1px solid var(--line)}.sheet__nav > a, .sheet__group > summary{display: flex;align-items: center;justify-content: space-between;padding: 18px 0;border-bottom: 1px solid var(--line);font: 400 34px/1.05 var(--serif);text-decoration: none;cursor: pointer;list-style: none}.sheet__group > summary::-webkit-details-marker{display: none}.sheet__group > summary svg{width: 18px;height: 18px;transition: transform 0.25s var(--ease)}.sheet__group[open] > summary svg{transform: rotate(180deg)}.sheet__sub{list-style: none;padding: 6px 0 14px;border-bottom: 1px solid var(--line)}.sheet__sub a{display: flex;justify-content: space-between;padding: 10px 0;text-decoration: none;font-size: 17px;font-weight: 500}.sheet__sub a span{color: var(--muted);font-weight: 400}.sheet__foot{display: grid;gap: 22px;margin-top: 28px}.social{display: flex;flex-wrap: wrap;gap: 8px 20px;list-style: none;font-size: 15px}.social a{text-decoration: none;color: var(--muted)}.social a:hover{color: var(--ink)}@media (max-width: 959px){:root{--hdr: 60px}.nav, .hdr__shop, .mega{display: none}.hdr__menu{display: inline-block}.brand__name{font-size: 24px}.brand__mark{width: 28px;height: 28px}}@media (min-width: 960px){.sheet{display: none}}/* sections */ .sec{padding-block: clamp(80px, 10vw, 148px)}.sec--tight{padding-block: clamp(56px, 7vw, 96px)}.sec--stone{background: var(--stone)}.sec__head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 20px 48px;margin-bottom: clamp(40px, 5vw, 72px)}.sec__head .lede{margin-top: 18px}.sec__intro{max-width: 900px}/* device */ .device{--w: 300px;position: relative;width: var(--w);padding: calc(var(--w) * 0.03);border-radius: calc(var(--w) * 0.155);background: linear-gradient(145deg, #2a302c, #121513 60%);box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.1), inset 0 0 0 calc(var(--w) * 0.012) #0d0f0e, -34px 48px 70px -34px rgb(27 34 30 / 0.55), -10px 16px 28px -14px rgb(27 34 30 / 0.4)}.device::before, .device::after{content: '';position: absolute;width: 3px;border-radius: 2px;background: #1d221f}.device::before{left: -2px;top: 22%;height: 14%;box-shadow: 0 calc(var(--w) * 0.2) 0 #1d221f}.device::after{right: -2px;top: 28%;height: 18%}.device__screen{position: relative;aspect-ratio: 390 / 844;border-radius: calc(var(--w) * 0.125);overflow: hidden;background: #0b0d0c;isolation: isolate;transform: translateZ(0)}.device__screen > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity 0.45s var(--ease)}.device__frame{position: absolute;left: 0;top: 0;width: 390px;height: 844px;border: 0;transform-origin: 0 0;transform: scale(var(--s, 0.7));opacity: 0;transition: opacity 0.45s var(--ease);background: transparent}.device.is-live .device__frame{opacity: 1}.device.is-live .device__poster{opacity: 0}.device__hint{position: absolute;left: 50%;bottom: 18px;transform: translateX(-50%);z-index: 2;padding: 7px 12px;border-radius: 999px;background: rgb(20 24 22 / 0.72);color: #fff;font-size: 12.5px;font-weight: 500;white-space: nowrap;pointer-events: none;opacity: 0;transition: opacity 0.3s var(--ease)}.device.is-waiting .device__hint{opacity: 1}.device[data-live] .device__poster{cursor: pointer}.device__frame{pointer-events: none}.device.is-live .device__frame{pointer-events: auto}/* hero */ .hero{position: relative;overflow: hidden;background: var(--stone);isolation: isolate}.hero__photo{position: absolute;inset: 0;z-index: -2}.hero__photo img{width: 100%;height: 100%;object-fit: cover;object-position: 62% 50%}.hero::before{content: '';position: absolute;inset: 0;z-index: -1;background: linear-gradient( 90deg, rgb(250 250 248 / 0.9) 0%, rgb(250 250 248 / 0.72) 34%, rgb(250 250 248 / 0) 62% )}.hero__inner{display: grid;grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);align-items: center;gap: 48px;min-height: min(calc(100svh - var(--hdr)), 920px);padding-block: clamp(56px, 7vw, 96px)}.hero__copy{max-width: 660px}.hero__copy .lede{margin-top: 28px;max-width: 30em}.hero__copy .actions{margin-top: 40px}.hero__stage{display: grid;justify-items: center;gap: 26px}.hero .device{--w: clamp(240px, min(21vw, calc((100svh - var(--hdr) - 230px) * 0.47)), 316px)}.showing{display: grid;grid-template-columns: 40px minmax(0, 1fr) 40px;align-items: center;gap: 12px;width: min(100%, 360px)}.showing__btn{display: grid;place-items: center;width: 40px;height: 40px;border: 1px solid var(--line-2);border-radius: 50%;background: rgb(255 255 255 / 0.7);cursor: pointer;transition: background-color 0.2s var(--ease), border-color 0.2s var(--ease)}.showing__btn:hover{background: var(--paper);border-color: var(--ink)}.showing__btn svg{width: 15px;height: 15px}.showing__text{text-align: center;min-width: 0}.showing__text a{display: block;font: 400 24px/1.1 var(--serif);text-decoration: none}.showing__text a:hover{text-decoration: underline;text-decoration-color: var(--line-2)}.showing__text span{display: block;margin-top: 5px;font-size: 13.5px;line-height: 1.4;color: var(--muted);text-wrap: balance}@media (max-width: 899px){.hero::before{background: linear-gradient( 180deg, rgb(250 250 248 / 0.86) 0%, rgb(250 250 248 / 0.62) 46%, rgb(250 250 248 / 0.1) 100% )}.hero__inner{grid-template-columns: 1fr;min-height: 0;gap: 44px;padding-block: 40px 48px}.hero__copy .lede{margin-top: 20px}.hero__copy .actions{margin-top: 28px}.hero .device{--w: min(58vw, 250px)}}@media (max-width: 479px){.hero__copy .actions .btn{flex: 1 1 100%}}/* proof strip */ .proof{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 0 clamp(20px, 3vw, 44px);list-style: none}.proof li{padding-top: 22px;border-top: 1px solid var(--ink)}.proof strong{display: block;font-size: 17px;font-weight: 600;margin-bottom: 6px}.proof p{font-size: 15.5px;color: var(--muted);line-height: 1.55;max-width: 24em}@media (max-width: 899px){.proof{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 32px 20px}}@media (max-width: 479px){.proof{grid-template-columns: 1fr;gap: 24px}}/* design tiles */ .tiles{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: clamp(44px, 5vw, 72px) clamp(16px, 2.2vw, 32px);list-style: none}.tile{position: relative;display: grid;align-content: start}.tile__link{display: grid;gap: 18px;text-decoration: none}.tile__screen{position: relative;aspect-ratio: 3 / 5;border-radius: 18px;overflow: hidden;background: var(--stone);box-shadow: 0 0 0 1px rgb(34 43 38 / 0.07)}.tile__screen img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: opacity 0.5s var(--ease)}.tile__screen .tile__open{opacity: 0}@media (hover: hover){.tile__link:hover .tile__open{opacity: 1}}.tile__link:focus-visible .tile__open{opacity: 1}.tile__name{display: flex;align-items: center;gap: 10px;font-size: 18px;font-weight: 600;line-height: 1.25}.tile__line{margin-top: 6px;font-size: 15px;line-height: 1.5;color: var(--muted)}.tile__demo{justify-self: start;margin-top: 12px;font-size: 15px}@media (max-width: 1023px){.tiles{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (max-width: 719px){.tiles{grid-template-columns: repeat(2, minmax(0, 1fr))}.tile__screen{border-radius: 14px}.tile__name{font-size: 16.5px;flex-wrap: wrap;gap: 6px 8px}.tile__line{font-size: 14px}}/* how it works */ .how{display: grid;grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);gap: clamp(40px, 6vw, 96px);align-items: center}.steps{list-style: none;counter-reset: step;margin-top: clamp(32px, 4vw, 52px);border-top: 1px solid var(--line-2)}.steps li{counter-increment: step;display: grid;grid-template-columns: 44px minmax(0, 1fr);gap: 4px 12px;padding: 22px 0 24px;border-bottom: 1px solid var(--line-2)}.steps li::before{content: counter(step);grid-row: span 2;font: 400 30px/1 var(--serif);color: var(--ink-2)}.steps strong{font-size: 18px;font-weight: 600;line-height: 1.3}.steps p{color: var(--muted);font-size: 15.5px;max-width: 34em}.screen{position: relative;border-radius: 12px;overflow: hidden;background: var(--paper);box-shadow: 0 0 0 1px rgb(34 43 38 / 0.1), 0 40px 80px -40px rgb(27 34 30 / 0.35)}.screen__bar{display: flex;align-items: center;gap: 12px;height: 36px;padding: 0 14px;border-bottom: 1px solid var(--line);background: #fafaf8;font-size: 12.5px;color: var(--muted)}.screen__bar span{flex: 1;max-width: 260px;margin-inline: auto;padding: 4px 10px;border-radius: 5px;background: var(--stone);text-align: center}.screen video, .screen img{width: 100%;height: auto;aspect-ratio: var(--ratio, 1600 / 794);object-fit: cover;background: var(--stone)}.screen__play{position: absolute;right: 14px;bottom: 14px;display: grid;place-items: center;width: 40px;height: 40px;border: 0;border-radius: 50%;background: rgb(20 24 22 / 0.72);color: #fff;cursor: pointer}.screen__play svg{width: 14px;height: 14px}@media (max-width: 899px){.how{grid-template-columns: 1fr}}/* styles */ .styles{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(36px, 4vw, 56px) clamp(16px, 2.2vw, 32px);list-style: none}.style a{display: grid;gap: 16px;text-decoration: none}.style__img{aspect-ratio: 4 / 5;overflow: hidden;border-radius: 4px;background: var(--stone-2)}.style__img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.9s var(--ease)}@media (hover: hover){.style a:hover .style__img img{transform: scale(1.03)}}.style__name{display: flex;align-items: baseline;justify-content: space-between;gap: 12px}.style__name strong{font: 400 clamp(25px, 2.1vw, 30px) / 1.1 var(--serif)}.style__name span{font-size: 15px;color: var(--muted);white-space: nowrap}.style p{margin-top: 6px;font-size: 15px;color: var(--muted);max-width: 30em}@media (max-width: 899px){.styles{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 519px){.styles{grid-template-columns: 1fr}.style__img{aspect-ratio: 5 / 4}}/* showcase */ .showcase{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);gap: clamp(40px, 7vw, 120px);align-items: start}.showcase__stage{position: sticky;top: calc(var(--hdr) + 40px);display: grid;justify-items: center}.showcase .device{--w: clamp(230px, min(22vw, calc((100svh - var(--hdr) - 90px) * 0.46)), 320px)}.shots{position: absolute;left: 0;top: 0;width: 100%;transition: transform 0.85s var(--ease);will-change: transform}.shots img{width: 100%;height: auto}.layer{position: absolute;inset: 0;opacity: 0;transition: opacity 0.5s var(--ease)}.layer img{width: 100%;height: 100%;object-fit: cover}.layer--card{display: grid;align-content: center;padding: 0 7%;background: #efe9df}.layer--card img{height: auto;border-radius: 10px;box-shadow: 0 10px 30px -12px rgb(0 0 0 / 0.25)}.layer.is-on{opacity: 1}.features{list-style: none;border-top: 1px solid var(--line)}.feature{border-bottom: 1px solid var(--line)}.feature button{display: grid;gap: 6px;width: 100%;padding: 24px 0;border: 0;background: none;text-align: left;cursor: pointer}.feature strong{display: flex;align-items: center;font: 400 clamp(26px, 2.3vw, 32px) / 1.1 var(--serif);color: var(--muted);transition: color 0.3s var(--ease)}.feature strong::before{content: '';flex: none;width: 0;height: 1px;margin-right: 0;background: var(--ink);transition: width 0.4s var(--ease), margin-right 0.4s var(--ease)}.feature p{max-width: 34em;color: var(--muted);font-size: 16px}.feature.is-on strong, .feature button:hover strong{color: var(--ink)}.feature.is-on strong::before{width: 28px;margin-right: 14px}@media (max-width: 899px){.showcase{grid-template-columns: 1fr}.showcase__stage{position: relative;top: 0}.feature button{padding: 18px 0}}/* faq */ .faq-wrap{display: grid;grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);gap: clamp(32px, 6vw, 96px);align-items: start}.faq-wrap .sec__intro p{margin-top: 18px}.faq{border-top: 1px solid var(--line)}.faq details{border-bottom: 1px solid var(--line)}.faq summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 22px 0;font-size: 18px;font-weight: 600;line-height: 1.35;cursor: pointer;list-style: none}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: '';flex: none;width: 14px;height: 14px;background: linear-gradient(var(--ink), var(--ink)) center / 14px 1.5px no-repeat, linear-gradient(var(--ink), var(--ink)) center / 1.5px 14px no-repeat;transition: transform 0.3s var(--ease)}.faq details[open] summary::after{transform: rotate(45deg)}.faq .answer{padding: 0 0 24px;max-width: 40em;color: var(--ink-2)}.faq .answer p + p{margin-top: 12px}@media (max-width: 899px){.faq-wrap{grid-template-columns: 1fr}.faq summary{font-size: 17px;padding: 18px 0}}/* closing band */ .band{background: var(--night);color: var(--paper)}.band__inner{display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);align-items: end;gap: 40px;padding-block: clamp(80px, 10vw, 140px)}.band .h2{max-width: 13em}.band p{margin-top: 20px;color: rgb(255 255 255 / 0.72);max-width: 30em}.band .actions{justify-content: flex-end}@media (max-width: 899px){.band__inner{grid-template-columns: 1fr;align-items: start}.band .actions{justify-content: flex-start}}/* footer */ .ftr{padding-block: clamp(56px, 7vw, 88px) 28px;background: var(--paper)}.ftr__grid{display: grid;grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));gap: 40px clamp(24px, 4vw, 64px)}.ftr__brand p{margin-top: 18px;max-width: 22em;color: var(--muted);font-size: 15.5px}.ftr__head{margin-bottom: 14px;font-size: 14px;font-weight: 500;color: var(--muted)}.ftr ul{list-style: none;display: grid;gap: 9px;font-size: 15.5px}.ftr ul a{text-decoration: none}.ftr ul a:hover{text-decoration: underline;text-decoration-color: var(--line-2)}.ftr__base{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 12px 24px;margin-top: clamp(48px, 6vw, 80px);padding-top: 22px;border-top: 1px solid var(--line);font-size: 14px;color: var(--muted)}.ftr__base a{color: inherit}@media (max-width: 899px){.ftr__grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.ftr__brand{grid-column: 1 / -1}}/* inner pages */ .crumbs{padding-top: 28px;font-size: 14px;color: var(--muted)}.crumbs ol{display: flex;flex-wrap: wrap;gap: 6px;list-style: none}.crumbs li + li::before{content: '/';margin-right: 6px;color: var(--line-2)}.crumbs a{text-decoration: none}.crumbs a:hover{text-decoration: underline}.page-head{padding-block: clamp(40px, 6vw, 88px) clamp(40px, 5vw, 72px)}.page-head .lede{margin-top: 24px}.page-head--split{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);gap: clamp(32px, 6vw, 96px);align-items: end}.page-head__img{aspect-ratio: 4 / 3;overflow: hidden;border-radius: 4px;background: var(--stone-2)}.page-head__img img{width: 100%;height: 100%;object-fit: cover}.chips{display: flex;flex-wrap: wrap;gap: 8px;list-style: none;margin-top: 28px}.chips a{display: inline-flex;align-items: center;gap: 8px;min-height: 38px;padding: 0 14px;border: 1px solid var(--line-2);border-radius: 999px;font-size: 14.5px;font-weight: 500;text-decoration: none;transition: border-color 0.2s var(--ease), background-color 0.2s var(--ease)}.chips a span{color: var(--muted);font-weight: 400}.chips a:hover{border-color: var(--ink)}.chips a[aria-current='page']{background: var(--ink);border-color: var(--ink);color: var(--paper)}.chips a[aria-current='page'] span{color: rgb(255 255 255 / 0.7)}@media (max-width: 899px){.page-head--split{grid-template-columns: 1fr;align-items: start}}/* product page */ .product{display: grid;grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);gap: clamp(40px, 7vw, 112px);align-items: center;padding-block: clamp(32px, 4vw, 56px) clamp(72px, 9vw, 128px)}.product__stage{display: grid;justify-items: center;gap: 18px;padding: clamp(32px, 5vw, 64px) 0;border-radius: 6px;background: var(--stone)}.product .device{--w: clamp(230px, min(24vw, calc((100svh - 300px) * 0.46)), 320px)}.product__stage p{font-size: 14px;color: var(--muted)}.product h1{display: grid;gap: 14px}.product h1 .display{font-size: clamp(50px, 5.6vw, 88px)}.product h1 .kind{font: 500 clamp(16px, 1.3vw, 18px) / 1.4 var(--sans);color: var(--muted)}.product .lede{margin-top: 26px}.swatches{display: flex;align-items: center;gap: 10px;margin-top: 28px}.swatches svg{width: 26px;height: 26px}.swatches span{margin-left: 6px;font-size: 14px;color: var(--muted)}.product .actions{margin-top: 34px}.note{margin-top: 14px;font-size: 14.5px;color: var(--muted)}.facts{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px 24px;margin-top: 36px;padding-top: 28px;border-top: 1px solid var(--line);list-style: none;font-size: 15.5px}.facts li{display: flex;gap: 10px;align-items: baseline}.facts li::before{content: '';flex: none;width: 6px;height: 6px;border-radius: 50%;background: var(--ink-2);transform: translateY(-2px)}.pair{display: grid;grid-template-columns: repeat(2, auto);justify-content: center;gap: clamp(20px, 4vw, 56px)}.pair .device{--w: clamp(190px, 20vw, 290px)}.pair figcaption{margin-top: 16px;text-align: center;font-size: 14.5px;color: var(--muted)}.split{display: grid;grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);gap: clamp(40px, 6vw, 96px);align-items: center}.split--flip{grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr)}.split--flip > :first-child{order: 2}.prose .checks{grid-template-columns: 1fr;margin-top: 28px}.prose{max-width: 38em}.prose > * + *{margin-top: 18px}.prose h2{margin-bottom: 4px}.checks{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0 clamp(24px, 4vw, 56px);list-style: none;border-top: 1px solid var(--line)}.checks li{padding: 16px 0 16px 30px;border-bottom: 1px solid var(--line);position: relative}.checks li::before{content: '';position: absolute;left: 2px;top: 22px;width: 12px;height: 7px;border-left: 1.5px solid var(--ink);border-bottom: 1.5px solid var(--ink);transform: rotate(-45deg)}.sections-list{columns: 2;column-gap: clamp(24px, 4vw, 56px);list-style: none;counter-reset: sec;border-top: 1px solid var(--line)}.sections-list li{counter-increment: sec;break-inside: avoid;display: flex;gap: 16px;padding: 14px 0;border-bottom: 1px solid var(--line)}.sections-list li::before{content: counter(sec, decimal-leading-zero);font-variant-numeric: tabular-nums;color: var(--muted);font-size: 14px;padding-top: 2px;min-width: 22px}@media (max-width: 899px){.product, .split{grid-template-columns: 1fr}.split--flip > :first-child{order: 0}.facts, .checks{grid-template-columns: 1fr}}@media (max-width: 559px){.sections-list{columns: 1}.pair .device{--w: 42vw}}/* article */ .article{display: grid;grid-template-columns: minmax(0, 1fr) 300px;gap: clamp(40px, 6vw, 96px);align-items: start;padding-bottom: clamp(72px, 9vw, 128px)}.article__meta{display: flex;flex-wrap: wrap;gap: 6px 20px;margin-top: 26px;font-size: 14.5px;color: var(--muted)}.body{max-width: 40em;font-size: 18px;line-height: 1.7}.body > * + *{margin-top: 22px}.body h2{margin-top: 56px;font-family: var(--serif);font-size: clamp(30px, 3vw, 40px);line-height: 1.08;letter-spacing: -0.01em}.body h3{margin-top: 36px;font-size: 19px;font-weight: 600;line-height: 1.35}.body h2 + *, .body h3 + *{margin-top: 14px}.body ul, .body ol{padding-left: 1.2em}.body li + li{margin-top: 8px}.body a{text-decoration-color: var(--line-2)}.body a:hover{text-decoration-color: currentColor}.body blockquote{padding: 20px 24px;border-left: 2px solid var(--ink);background: var(--stone);font-size: 17px}.body blockquote p + p{margin-top: 10px}.body figure img{border-radius: 6px}.body figcaption{margin-top: 10px;font-size: 14.5px;color: var(--muted)}.aside{position: sticky;top: calc(var(--hdr) + 32px);display: grid;gap: 18px;padding: 26px;border-radius: 6px;background: var(--stone)}.aside strong{font: 400 26px/1.1 var(--serif)}.aside p{font-size: 15px;color: var(--muted)}.aside .device{--w: 150px;justify-self: center}.toc{display: grid;gap: 8px;list-style: none;font-size: 15px}.toc a{text-decoration: none;color: var(--muted)}.toc a:hover{color: var(--ink)}@media (max-width: 1023px){.article{grid-template-columns: 1fr}.aside{position: relative;top: 0}}.cards{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));gap: 20px;list-style: none}.card a{display: grid;gap: 12px;height: 100%;padding: 28px;border: 1px solid var(--line);border-radius: 6px;text-decoration: none;transition: border-color 0.2s var(--ease)}.card a:hover{border-color: var(--ink)}.card strong{font: 400 28px/1.1 var(--serif)}.card p{color: var(--muted);font-size: 15.5px}.card span{margin-top: auto;padding-top: 8px;font-size: 14.5px;font-weight: 600}/* tools */ .tool{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);gap: clamp(32px, 5vw, 80px);align-items: start;padding-bottom: clamp(72px, 9vw, 120px)}.form{display: grid;gap: 18px;padding: clamp(24px, 3vw, 36px);border-radius: 6px;background: var(--stone)}.field{display: grid;gap: 7px}.field label{font-size: 14.5px;font-weight: 600}.field small{font-size: 13.5px;color: var(--muted)}.field input{width: 100%;min-height: 48px;padding: 0 14px;border: 1px solid var(--line-2);border-radius: 6px;background: var(--paper);font: 400 16px var(--sans);color: var(--ink)}.field input:focus-visible{outline: 2px solid var(--ink-2);outline-offset: 1px}.row2{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}.results{display: grid;gap: 10px;list-style: none}.results li{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 12px 14px 12px 18px;border: 1px solid var(--line);border-radius: 6px}.results code{font: 500 17px/1.3 var(--sans);word-break: break-all}.results button{flex: none;min-height: 34px;padding: 0 12px;border: 1px solid var(--line-2);border-radius: 5px;background: var(--paper);font-size: 13.5px;font-weight: 600;cursor: pointer}.results button:hover{border-color: var(--ink)}.results__empty{padding: 28px;border: 1px dashed var(--line-2);border-radius: 6px;color: var(--muted)}.countdown{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;margin-top: 28px}.countdown div{padding: 20px 10px;border-radius: 6px;background: var(--stone);text-align: center}.countdown b{display: block;font: 400 clamp(40px, 6vw, 72px) / 1 var(--serif);font-variant-numeric: tabular-nums}.countdown span{font-size: 14px;color: var(--muted)}.share-row{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px}.tool.is-view{grid-template-columns: minmax(0, 860px)}@media (max-width: 899px){.tool{grid-template-columns: 1fr}}@media (max-width: 479px){.row2{grid-template-columns: 1fr}.countdown{grid-template-columns: repeat(2, minmax(0, 1fr))}}.how__more{margin-top: 26px}.screen--wide img{aspect-ratio: 1600 / 1000}.screen.is-paused .screen__play .i-pause, .screen:not(.is-paused) .screen__play .i-play{display: none}.collection-grid{margin-top: clamp(40px, 5vw, 64px)}.cards--styles{margin-top: clamp(32px, 4vw, 48px)}.card > div{display: grid;gap: 12px;height: 100%;padding: 28px;border: 1px solid var(--line);border-radius: 6px;background: var(--paper)}.sec--bottom{padding-bottom: clamp(72px, 9vw, 128px)}.proof-card{justify-self: center;width: min(100%, 440px)}.proof-card img{width: 100%;border-radius: 14px;box-shadow: 0 0 0 1px rgb(34 43 38 / 0.08), 0 30px 60px -30px rgb(27 34 30 / 0.35)}.social--big{display: grid;gap: 14px;font-size: 22px}.social--big a{color: var(--ink)}.notfound{padding-block: clamp(80px, 12vw, 180px)}.notfound .actions{margin-top: 32px}@media (prefers-reduced-motion: reduce){*, *::before, *::after{transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;scroll-behavior: auto !important}}