@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-cyrillic-ext-wght-normal-CVcCQn0y.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-cyrillic-wght-normal-BJ-nQEdz.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-greek-wght-normal-DeN4rzfy.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-vietnamese-wght-normal-AVFfiTln.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-latin-ext-wght-normal-gysdOMcS.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Flex Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/roboto-flex-latin-wght-normal-n-dP9qr2.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-cyrillic-ext-400-normal-BHxv52bw.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-ext-400-normal-W26xs1TL.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-cyrillic-400-normal-C-_K-ZCn.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-400-normal-B3hIXASd.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-greek-400-normal-CH_u3Aru.woff2)format("woff2"),url(/assets/roboto-mono-greek-400-normal-P8xe1gs1.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-vietnamese-400-normal-yYTFiTTs.woff2)format("woff2"),url(/assets/roboto-mono-vietnamese-400-normal-CzWHQABp.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-ext-400-normal-DLAV9S_w.woff2)format("woff2"),url(/assets/roboto-mono-latin-ext-400-normal-BwLXVYNz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-mono-latin-400-normal-GekRknry.woff2)format("woff2"),url(/assets/roboto-mono-latin-400-normal-DBZPkcnn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-ext-500-normal-DC57U9n8.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-ext-500-normal-6xdwlG7p.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-cyrillic-500-normal-DGZ7-lUP.woff2)format("woff2"),url(/assets/roboto-mono-cyrillic-500-normal-NpUJFYX7.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-greek-500-normal-DpRFkptA.woff2)format("woff2"),url(/assets/roboto-mono-greek-500-normal-C2M8jX6G.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-vietnamese-500-normal-Cq-quQMu.woff2)format("woff2"),url(/assets/roboto-mono-vietnamese-500-normal-IxzxMIj7.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-ext-500-normal-Db3ge6Oe.woff2)format("woff2"),url(/assets/roboto-mono-latin-ext-500-normal-B1IjfbhL.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-mono-latin-500-normal-pxIOXZmA.woff2)format("woff2"),url(/assets/roboto-mono-latin-500-normal-D6j6AMzd.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f4f2ed;--paper-2:#ebe8e1;--ink:#1a1a19;--ink-2:#63615c;--ink-3:#6d6a64;--line:#dad6ce;--night:#121211;--night-2:#a29f97;--accent:#1a1a19;--on-accent:#f4f2ed;--sans:"Roboto Flex Variable", Roboto, system-ui, sans-serif;--mono:"Roboto Mono", ui-monospace, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:clamp(20px, 5vw, 64px);--header:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:18px;font-weight:360;line-height:1.5;overflow-x:clip}h1,h2,h3,h4,p{margin:0}a{color:inherit}img,canvas{max-width:100%;display:block}button,input{font:inherit;color:inherit}.wrap{width:100%;max-width:1240px;padding:0 var(--gutter);margin:0 auto}.narrow{max-width:760px}.wrap.narrow{max-width:calc(760px + 2 * var(--gutter))}.section{padding:clamp(96px,16vw,200px) 0}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 12px;top:12px;left:16px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}h1{letter-spacing:-.045em;font-size:clamp(52px,9.2vw,132px);font-weight:620;line-height:.93}h2{letter-spacing:-.038em;text-wrap:balance;font-size:clamp(38px,5.6vw,76px);font-weight:600;line-height:1}h3{letter-spacing:-.025em;margin:1.8em 0 .6em;font-size:clamp(26px,3vw,36px);font-weight:580;line-height:1.1}p+p{margin-top:1em}.lede{color:var(--ink-2);text-wrap:pretty;margin-top:1.1em;font-size:clamp(19px,1.7vw,23px);line-height:1.45}.eyebrow,.label,.hint,.summary,.fine,.look-price,th span{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:12px;font-weight:500}.eyebrow{margin-bottom:1.6em}.fine{text-transform:none;letter-spacing:.01em;margin-top:1.4em;font-weight:400;line-height:1.6}.fine a{text-underline-offset:3px}.btn{background:var(--accent);height:52px;color:var(--on-accent);letter-spacing:-.005em;cursor:pointer;white-space:nowrap;transition:background-color .5s var(--ease), color .5s var(--ease), transform .2s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-size:16px;font-weight:540;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-sm{height:36px;padding:0 16px;font-size:14px}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:0 0;margin-top:1.4em}.link{color:var(--ink-2);font-size:16px;font-weight:450;text-decoration:none}.link:after{content:" →"}.link:hover{color:var(--ink)}.site-header{z-index:20;height:var(--header);background:color-mix(in srgb, var(--paper) 92%, transparent);border-bottom:1px solid #0000;transition:border-color .3s;position:fixed;inset:0 0 auto}.site-header.scrolled{border-bottom-color:var(--line)}.site-header{transition:border-color .3s, background-color .4s var(--ease), color .4s var(--ease)}.site-header.over-dark{background:color-mix(in srgb, var(--night) 92%, transparent);color:var(--paper);border-bottom-color:#2c2b29}.site-header.over-dark nav a{color:var(--night-2)}.site-header.over-dark .btn{background:var(--paper);color:var(--ink)}.header-row{align-items:center;gap:32px;height:100%;display:flex}.wordmark{letter-spacing:-.06em;font-size:23px;font-weight:680;text-decoration:none}.site-header nav{gap:28px;margin-left:auto;font-size:14px;display:flex}.site-header nav a{color:var(--ink-2);text-decoration:none}.site-header nav a:hover{color:var(--ink)}@media (width<=899px){.site-header nav{display:none}.header-row .btn{margin-left:auto}}.story{position:relative}.stage{pointer-events:none;height:100svh;position:sticky;top:0}.stage canvas,.config-view canvas{opacity:0;width:100%;height:100%;transition:opacity 1.2s var(--ease)}.stage.ready canvas,.config-view.ready canvas{opacity:1}.beats{margin-top:-100svh;position:relative}.beat{align-items:center;min-height:100svh;display:flex}.beat-copy{max-width:460px}.beat-copy p:not(.eyebrow){color:var(--ink-2);margin-top:1.1em;font-size:19px}@media (width<=899px){.beat{align-items:flex-end;padding-bottom:9svh}.beat-copy{background:var(--paper);max-width:none;padding-top:8px}.beat-copy p:not(.eyebrow){font-size:17px}}.hero{padding:calc(var(--header) + clamp(32px, 6vh, 72px)) 0 clamp(48px, 8vh, 96px)}.hero-grid{min-height:calc(100svh - var(--header) - 120px);grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,80px);display:grid}.hero-copy h1{max-width:6.4em;font-size:clamp(52px,5.6vw,92px)}.hero-copy .lede{max-width:27ch}.cta-row{flex-wrap:wrap;align-items:center;gap:28px;margin-top:2.2em;display:flex}.hero-copy .fine{margin-top:2.4em}.hero-media{margin:0}.hero-media video,.gallery video,.gallery img{aspect-ratio:3/4;object-fit:cover;background:var(--paper-2);border-radius:28px;width:100%;height:auto;display:block}.hero-media video{max-height:calc(100svh - var(--header) - 96px)}@media (width<=899px){.hero{padding-top:calc(var(--header) + 28px)}.hero-grid{grid-template-columns:1fr;gap:36px;min-height:0}.hero-copy h1{font-size:clamp(46px,13vw,72px)}.hero-copy .lede{margin-top:.8em;font-size:18px}.cta-row{text-align:center;flex-direction:column;align-items:stretch;gap:14px}.hero-copy .fine{text-align:center;margin-top:14px}.hero-media video{border-radius:20px;max-height:none}}.real{padding-top:clamp(48px,8vw,96px)}.gallery{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;display:grid}.gallery figure{margin:0}.gallery video,.gallery img{border-radius:20px}.gallery figcaption{color:var(--ink-2);margin-top:14px;font-size:15px}@media (width<=899px){.gallery{scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 8px;scrollbar-width:none;grid-template-columns:repeat(4,78%);overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.gallery figure{scroll-snap-align:center}}.js .reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(12px)}.js .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transition:none;transform:none}}.dark{background:var(--night);color:var(--paper)}.dark .eyebrow,.dark .fine{color:var(--night-2)}.dark .lede,.dark p{color:#c9c6be}.dark h2{color:var(--paper)}.dark h3{color:var(--paper);margin-top:3em}.config{grid-template-columns:1.1fr .9fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.config-view{top:calc(var(--header) + 24px);background:var(--paper-2);border-radius:28px;height:min(78vh,760px);position:sticky;overflow:hidden}.config-view canvas{cursor:grab;touch-action:pan-y}.config-view canvas:active{cursor:grabbing}.hint{text-align:center;pointer-events:none;position:absolute;bottom:20px;left:0;right:0}.config-panel>p:not(.eyebrow){color:var(--ink-2);margin-top:1.1em}fieldset{border:0;margin:0;padding:0}.label{margin-bottom:12px;display:block}.looks{border-top:1px solid var(--line);margin-top:40px}.looks legend{float:left;width:100%;padding-top:18px}.look{clear:both;border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto 52px;align-items:center;gap:16px;padding:13px 0;font-size:17px;font-weight:420;display:grid}.look input,.swatches input{opacity:0;pointer-events:none;position:absolute}.look-name{transition:transform .4s var(--ease)}.look:has(input:checked) .look-name{font-weight:600}.look:has(input:checked){box-shadow:inset 3px 0 0 var(--accent);padding-left:14px}.look:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.look{transition:padding .35s var(--ease), box-shadow .35s var(--ease)}.look-price{text-align:right;color:var(--ink-2)}.dots{display:flex}.dots i,.clip-note i{border-radius:50%;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001f}.dots i+i{margin-left:-5px}.swatches{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.swatches legend,.swatches .label{width:100%}.swatches label{cursor:pointer;position:relative}.swatches label span[data-swatch]{width:34px;height:34px;transition:box-shadow .3s var(--ease), transform .3s var(--ease);border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000024}.swatches label:hover span[data-swatch]{transform:scale(1.06)}.swatches input:checked+span[data-swatch]{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 3px var(--paper), 0 0 0 4.5px var(--ink)}.swatches input:focus-visible+span[data-swatch]{outline:2px solid var(--accent);outline-offset:5px}.clip-row{align-items:center}.clip-note{color:var(--ink-2);align-items:center;gap:10px;font-size:15px;display:inline-flex}.total{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.total-line{letter-spacing:-.025em;justify-content:space-between;align-items:baseline;font-size:28px;font-weight:600;display:flex}.summary{text-transform:none;letter-spacing:.01em;margin-top:8px;font-weight:400}.fit{color:var(--ink-2);margin-top:14px;font-size:15px}.signup{gap:10px;margin-top:28px;display:flex}.signup input{border:1px solid var(--line);background:#fbfaf7;border-radius:999px;flex:1;min-width:0;height:52px;padding:0 20px;font-size:16px}.signup input:focus{border-color:var(--ink);outline:none}.busy .btn{opacity:.5;pointer-events:none}.form-status{color:var(--ink-2);min-height:1.5em;margin-top:12px;font-size:15px}.form-status:empty{min-height:0;margin:0}.hp{position:absolute;left:-9999px}.form-done{border-top:1px solid var(--line);margin-top:40px;padding-top:28px}.done-title{letter-spacing:-.025em;margin-bottom:.4em;font-size:28px;font-weight:600}.form-done p:not(.done-title):not(.fine){color:var(--ink-2)}@media (width<=899px){.config{grid-template-columns:1fr;gap:0}.config-view{top:var(--header);height:42svh;margin:0 calc(-1 * var(--gutter));z-index:2;border-radius:0}.config-panel{padding-top:40px}.signup{flex-direction:column}}.screens{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,48px);margin-top:72px;display:grid}.watch{margin:0}.watch-face{aspect-ratio:324/394;color:#f2f2f2;background:#000;border-radius:22%/18%;flex-direction:column;gap:10px;max-width:236px;margin:0 auto;padding:13% 12%;font-size:15px;line-height:1.35;display:flex;box-shadow:0 0 0 10px #2b2b2d,0 0 0 11px #3a3a3c,0 30px 60px -30px #00000080}.wf-small{font-family:var(--mono);letter-spacing:.08em;color:#8a8a8a;font-size:10px}.wf-small:last-child{margin-top:auto}.wf-title{letter-spacing:-.02em;font-size:22px;font-weight:620}.wf-body{color:#d8d8d8}.wf-ok{color:#30d158;margin-top:auto;font-weight:560}.watch figcaption{text-align:center;max-width:300px;color:var(--ink-2);margin:36px auto 0;font-size:16px}.watch figcaption strong{color:var(--ink);font-weight:600}.tiers{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;margin-top:96px;padding-top:32px;display:grid}.tiers p:not(.label){color:var(--ink-2)}.tiers strong{color:var(--ink);font-weight:560}@media (width<=899px){.screens{scroll-snap-type:x mandatory;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:12px var(--gutter) 8px;scrollbar-width:none;grid-template-columns:repeat(3,72%);overflow-x:auto}.screens::-webkit-scrollbar{display:none}.watch{scroll-snap-align:center}.tiers{grid-template-columns:1fr;gap:28px}}.compare-section{background:var(--paper-2)}.table-wrap{margin-top:64px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:16px 14px 16px 0}thead th{border-bottom-color:var(--ink);font-size:15px;font-weight:600}thead th:nth-child(2),tbody td:first-of-type{color:var(--ink)}th span{margin-top:4px;font-size:11px;display:block}tbody th{color:var(--ink-2);width:34%;font-weight:400}tbody td{color:var(--ink-2)}tbody td:first-of-type{font-weight:600}.faq{border-top:1px solid var(--line);margin-top:56px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;letter-spacing:-.01em;padding:24px 40px 24px 0;font-size:19px;font-weight:520;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"";border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);width:12px;height:12px;transition:transform .35s var(--ease);margin-top:-8px;position:absolute;top:50%;right:4px;transform:rotate(45deg)}details[open] summary:after{margin-top:-2px;transform:rotate(225deg)}details p{color:var(--ink-2);max-width:62ch;padding:0 40px 28px 0}.site-footer{border-top:1px solid var(--line);text-align:left}.site-footer h2{letter-spacing:-.045em;font-size:clamp(44px,7vw,96px)}.footer-form{max-width:560px;margin-top:16px}.footer-meta{color:var(--ink-3);flex-direction:column;gap:8px;margin-top:120px;font-size:13px;display:flex}.footer-meta .wordmark{color:var(--ink);margin-bottom:8px;font-size:20px}.feedback{z-index:30;border:1px solid var(--line);background:var(--paper);height:36px;color:var(--ink-2);cursor:pointer;border-radius:999px;padding:0 16px;font-size:13px;font-weight:500;position:fixed;bottom:16px;right:16px}.feedback:hover{color:var(--ink);border-color:var(--ink-3)}
