:root{--nc-font-sans: 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--nc-font-mono: Consolas,monaco,'Ubuntu Mono','Liberation Mono','Courier New',Courier,monospace;--nc-tx-1: #000000;--nc-tx-2: #1A1A1A;--nc-bg-1: #FFFFFF;--nc-bg-2: #F6F8FA;--nc-bg-3: #E5E7EB;--nc-lk-1: #0070F3;--nc-lk-2: #0366D6;--nc-lk-tx: #FFFFFF;--nc-ac-1: #79FFE1;--nc-ac-tx: #0C4047;}@media (prefers-color-scheme: dark){:root{--nc-tx-1: #ffffff;--nc-tx-2: #eeeeee;--nc-bg-1: #000000;--nc-bg-2: #111111;--nc-bg-3: #222222;--nc-lk-1: #3291FF;--nc-lk-2: #0070F3;--nc-lk-tx: #FFFFFF;--nc-ac-1: #7928CA;--nc-ac-tx: #FFFFFF;}}*{margin: 0;padding: 0;}address,area,article,aside,audio,blockquote,datalist,details,dl,fieldset,figure,form,input,iframe,img,meter,nav,ol,optgroup,option,output,p,pre,progress,ruby,section,table,textarea,ul,video{margin-bottom: 1rem;}html,input,select,button{font-family: var(--nc-font-sans);}body{margin: 0 auto;max-width: 750px;padding: 2rem;border-radius: 6px;overflow-x: hidden;word-break: break-word;overflow-wrap: break-word;background: var(--nc-bg-1);color: var(--nc-tx-2);font-size: 1.03rem;line-height: 1.5;}::selection{background: var(--nc-ac-1);color: var(--nc-ac-tx);}h1,h2,h3,h4,h5,h6{line-height: 1;color: var(--nc-tx-1);padding-top: .875rem;}h1,h2,h3{color: var(--nc-tx-1);padding-bottom: 2px;margin-bottom: 8px;border-bottom: 1px solid var(--nc-bg-2);}h4,h5,h6{margin-bottom: .3rem;}h1{font-size: 2.25rem;}h2{font-size: 1.85rem;}h3{font-size: 1.55rem;}h4{font-size: 1.25rem;}h5{font-size: 1rem;}h6{font-size: .875rem;}a{color: var(--nc-lk-1);}a:hover{color: var(--nc-lk-2);}abbr:hover{cursor: help;}blockquote{padding: 1.5rem;background: var(--nc-bg-2);border-left: 5px solid var(--nc-bg-3);}abbr{cursor: help;}blockquote *:last-child{padding-bottom: 0;margin-bottom: 0;}header{background: var(--nc-bg-2);border-bottom: 1px solid var(--nc-bg-3);padding: 2rem 1.5rem;margin: -2rem calc(0px - (50vw - 50%)) 2rem;padding-left: calc(50vw - 50%);padding-right: calc(50vw - 50%);}header h1,header h2,header h3{padding-bottom: 0;border-bottom: 0;}header > *:first-child{margin-top: 0;padding-top: 0;}header > *:last-child{margin-bottom: 0;}a button,button,input[type="submit"],input[type="reset"],input[type="button"]{font-size: 1rem;display: inline-block;padding: 6px 12px;text-align: center;text-decoration: none;white-space: nowrap;background: var(--nc-lk-1);color: var(--nc-lk-tx);border: 0;border-radius: 4px;box-sizing: border-box;cursor: pointer;color: var(--nc-lk-tx);}a button[disabled],button[disabled],input[type="submit"][disabled],input[type="reset"][disabled],input[type="button"][disabled]{cursor: default;opacity: .5;cursor: not-allowed;}.button:focus,.button:hover,button:focus,button:hover,input[type="submit"]:focus,input[type="submit"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="button"]:focus,input[type="button"]:hover{background: var(--nc-lk-2);}code,pre,kbd,samp{font-family: var(--nc-font-mono);}code,samp,kbd,pre{background: var(--nc-bg-2);border: 1px solid var(--nc-bg-3);border-radius: 4px;padding: 3px 6px;font-size: 0.9rem;}kbd{border-bottom: 3px solid var(--nc-bg-3);}pre{padding: 1rem 1.4rem;max-width: 100%;overflow: auto;}pre code{background: inherit;font-size: inherit;color: inherit;border: 0;padding: 0;margin: 0;}code pre{display: inline;background: inherit;font-size: inherit;color: inherit;border: 0;padding: 0;margin: 0;}details{padding: .6rem 1rem;background: var(--nc-bg-2);border: 1px solid var(--nc-bg-3);border-radius: 4px;}summary{cursor: pointer;font-weight: bold;}details[open]{padding-bottom: .75rem;}details[open] summary{margin-bottom: 6px;}details[open]>*:last-child{margin-bottom: 0;}dt{font-weight: bold;}dd::before{content: '→ ';}hr{border: 0;border-bottom: 1px solid var(--nc-bg-3);margin: 1rem auto;}fieldset{margin-top: 1rem;padding: 2rem;border: 1px solid var(--nc-bg-3);border-radius: 4px;}legend{padding: auto .5rem;}table{border-collapse: collapse;width: 100%}td,th{border: 1px solid var(--nc-bg-3);text-align: left;padding: .5rem;}th{background: var(--nc-bg-2);}tr:nth-child(even){background: var(--nc-bg-2);}table caption{font-weight: bold;margin-bottom: .5rem;}textarea{max-width: 100%;}ol,ul{padding-left: 2rem;}li{margin-top: .4rem;}ul ul,ol ul,ul ol,ol ol{margin-bottom: 0;}mark{padding: 3px 6px;background: var(--nc-ac-1);color: var(--nc-ac-tx);}textarea,select,input{padding: 6px 12px;margin-bottom: .5rem;background: var(--nc-bg-2);color: var(--nc-tx-2);border: 1px solid var(--nc-bg-3);border-radius: 4px;box-shadow: none;box-sizing: border-box;}img{max-width: 100%;}:root{--ground:#141312;--panel:#221F1C;--ink:#F3EFE7;--mute:#B2AC9F;--btn:#FFB627;--btn-edge:color-mix(in srgb,#FFB627 55%,#000);--nc-font-sans:"Atkinson Hyperlegible",system-ui,sans-serif;--nc-tx-1:#F3EFE7;--nc-tx-2:#F3EFE7;--nc-bg-1:#141312;--nc-bg-2:#221F1C;--nc-bg-3:#2E2A26;--nc-lk-1:#F3EFE7;--nc-lk-2:#F3EFE7;--nc-lk-tx:#141312;--nc-ac-1:#FFB627;--nc-ac-tx:#141312;--display:"Bricolage Grotesque","Atkinson Hyperlegible",system-ui,sans-serif;--gut:clamp(1rem,0.6rem + 2vw,2rem);--band:4.5rem;color-scheme:dark;scrollbar-color:#B2AC9F #141312;}*,*::before,*::after{box-sizing:border-box}html{overflow-x:clip;font-size:100%}body{max-width:none;margin:0;padding:0;border-radius:0;overflow:visible;background:var(--ground);color:var(--ink);font-size:1rem;line-height:1.6;caret-color:var(--btn)}::selection{background:var(--btn);color:var(--ground)}h1,h2,h3{border-bottom:0;padding:0;margin:0;color:var(--ink);text-wrap:balance}p,li{text-wrap:pretty}p,ol,ul,section,nav,figure{margin-bottom:0}a{color:var(--ink)}a:focus-visible,[role="slider"]:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:12px}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gut)}.story{max-width:1120px;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) var(--gut) 0}.copy{padding-bottom:2rem}.logo{display:block;width:56px;height:56px;border-radius:14px;margin-bottom:1.25rem}h1{font-family:var(--display);font-weight:800;font-size:clamp(2.25rem,1.6rem + 3vw,3.75rem);line-height:1.04;letter-spacing:-0.025em;max-width:13ch}.lead{margin-top:1rem;font-size:1.25rem;line-height:1.45;color:var(--mute);max-width:30ch}.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-width:240px;min-height:56px;margin-top:1.5rem;padding:.9rem 1.6rem;border-radius:14px;background:var(--btn);color:var(--ground);font-weight:700;font-size:1.25rem;line-height:1.2;text-decoration:none;box-shadow:0 6px 0 var(--btn-edge),0 14px 28px rgba(0,0,0,.45);transition:transform .12s cubic-bezier(.16,1,.3,1)}.btn-main svg{width:24px;height:24px;flex:none}.btn-main:active{transform:translateY(4px);box-shadow:0 2px 0 var(--btn-edge),0 6px 14px rgba(0,0,0,.4)}.btn-main:focus-visible{outline:3px solid var(--ink);outline-offset:5px}@media (hover: hover){.btn-main:hover{color:var(--ground);transform:translateY(-2px)}}.under{margin-top:1rem;color:var(--mute)}.stage{position:sticky;top:0;z-index:2;background:var(--ground);padding:.5rem 0 1rem}.screen{display:block;width:100%;max-width:400px;height:auto;max-height:46dvh;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}.screen .p{transition:opacity .25s ease-out}.screen [data-in]{opacity:0}.screen[data-step="1"] [data-in~="1"],.screen[data-step="2"] [data-in~="2"],.screen[data-step="3"] [data-in~="3"],.screen[data-step="4"] [data-in~="4"]{opacity:1}.screen .dim{opacity:.28}.screen[data-step="4"] .dim{opacity:1}.screen .knob{transform:translateX(0)}.screen[data-step="3"] .knob,.screen[data-step="4"] .knob{transform:translateX(24px)}.screen .bar{transform-origin:48px 0;transform:scaleX(.45)}.screen[data-step="4"] .bar{transform:scaleX(1)}.steps{list-style:none;margin:0;padding:0 0 2rem}.steps h2{font-size:1.25rem;padding-top:1rem}.step{min-height:70dvh;display:flex;align-items:center}.step p{display:flex;gap:.85rem;align-items:flex-start;max-width:24rem;padding:1.25rem 1.25rem;background:var(--panel);border-radius:16px;box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 12px 30px rgba(0,0,0,.35);font-size:1.25rem;line-height:1.4}.step svg{width:28px;height:28px;flex:none;color:var(--mute);margin-top:.1rem}.step:nth-child(odd) p{margin-left:clamp(0rem,6vw,3rem)}.band{padding:var(--band) 0}.band.alt{background:var(--panel)}.block{max-width:640px}.block.right{margin-left:auto}.block h2{font-size:1.25rem;line-height:1.3;margin-bottom:.75rem}.block > p{color:var(--mute);max-width:62ch}.rows{list-style:none;padding:0;margin:1.25rem 0 0}.rows li{display:flex;gap:.85rem;align-items:flex-start;padding:.9rem 0;border-top:1px solid rgba(178,172,159,.25)}.rows li:last-child{border-bottom:1px solid rgba(178,172,159,.25)}.rows svg{width:24px;height:24px;flex:none;margin-top:.1rem;color:var(--mute)}.rows b{font-weight:700}.rows span{color:var(--mute)}.slide{margin-top:1.5rem}.track{position:relative;display:flex;justify-content:space-between;align-items:center;max-width:340px;height:56px;padding:0 1rem;border-radius:28px;background:var(--ground);box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 8px 20px rgba(0,0,0,.35);cursor:pointer;user-select:none;touch-action:pan-y}.track .lab{position:relative;z-index:1;font-weight:700;color:var(--mute);pointer-events:none;padding:0 .4rem}.track .knob2{position:absolute;top:6px;left:6px;width:calc(50% - 6px);height:44px;border-radius:22px;background:var(--panel);box-shadow:0 0 0 1px rgba(178,172,159,.45),0 4px 12px rgba(0,0,0,.4);touch-action:none;cursor:grab;transition:transform .2s cubic-bezier(.16,1,.3,1)}.track.drag .knob2{transition:none;cursor:grabbing}.track[aria-valuenow="0"] .lab.a,.track[aria-valuenow="1"] .lab.b{color:var(--ink)}.track .lab{transition:color .15s}.ways{position:relative;display:grid}.ways > ul{grid-area:1 / 1;transition:opacity .2s ease-out}.ways[data-way="0"] .way-b,.ways[data-way="1"] .way-a{opacity:0;visibility:hidden}.hint{margin-top:.75rem;color:var(--mute)}.pass{position:relative;max-width:640px;margin-top:1.5rem;border-radius:20px;background:var(--ground);box-shadow:0 2px 0 rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.4);overflow:hidden}.pass .legs{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start;padding:1.5rem 1.25rem}.pass dl{margin:0}.pass dt{font-weight:400;color:var(--mute)}.pass dd{margin:0;font-weight:700;font-size:1.25rem;line-height:1.3}.pass dd::before{content:none}.pass .to{text-align:left}.pass .plane{width:28px;height:28px;margin-top:1.9rem;color:var(--mute)}.pass .gate{position:relative;padding:1.25rem 1.25rem 1.75rem;border-top:1px solid rgba(178,172,159,.25)}.pass .gate::before,.pass .gate::after{content:"";position:absolute;top:-14px;width:28px;height:28px;border-radius:50%;background:var(--panel)}.pass .gate::before{left:-14px}.pass .gate::after{right:-14px}.pass .gate p{color:var(--mute)}.pass .btn-main{margin-top:1rem;padding-left:1.1rem;padding-right:1.1rem;text-align:left}.barcta{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:.6rem var(--gut) calc(.6rem + env(safe-area-inset-bottom));background:var(--panel);box-shadow:0 -10px 24px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .2s ease-out,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s linear .25s}.barcta.on{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease-out,transform .25s cubic-bezier(.16,1,.3,1)}.barcta .btn-main{margin:0;width:100%;max-width:420px;min-height:48px;box-shadow:0 4px 0 var(--btn-edge)}.barcta .btn-main:active{transform:translateY(3px)}footer{margin-top:3rem;padding:2rem var(--gut) calc(2rem + env(safe-area-inset-bottom));border-top:4px double var(--mute);text-align:center}footer .name{font-variant:small-caps;letter-spacing:.05em;font-weight:700;font-size:1.25rem;margin:0}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 1.25rem;margin-top:.75rem}footer nav a{display:inline-block;padding:.6rem .25rem;color:var(--mute);text-underline-offset:3px}footer .line{margin-top:.5rem;color:var(--mute)}@media (min-width: 900px){.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4rem;padding-top:2rem}.copy{grid-column:1;grid-row:1;padding-top:2rem}.run{display:contents}.stage{grid-column:2;grid-row:1 / span 2;align-self:stretch;background:none;padding:0}.pin{position:sticky;top:max(2rem,calc(50dvh - 220px))}.stage{position:static}.screen{max-height:none;max-width:440px}.logo{width:96px;height:96px;border-radius:22px}.steps{grid-column:1;grid-row:2}.step{min-height:70dvh}.band{padding:5.5rem 0}}@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/atkinsonhyperlegible-582b51d722.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/atkinsonhyperlegible-d95d9362d4.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/atkinsonhyperlegible-81c2896eee.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Atkinson Hyperlegible';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/atkinsonhyperlegible-f12c56c580.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(../fonts/bricolagegrotesque-2a410b8e50.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(../fonts/bricolagegrotesque-62ae90269e.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}