: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{--ink:#15120e;--paper:#eeece8;--sheet:#ffffff;--red:#d1103f;--rose:#ffd3dd;--go:#1d7a4b;--nc-font-sans:"Public Sans",system-ui,sans-serif;--nc-tx-1:#15120e;--nc-tx-2:#2b2620;--nc-bg-1:#eeece8;--nc-bg-2:#ffffff;--nc-bg-3:#15120e;--nc-lk-1:#15120e;--nc-lk-2:#15120e;--nc-lk-tx:#ffffff;--nc-ac-1:#ffd3dd;--nc-ac-tx:#15120e;--s-body:clamp(1rem,0.97rem + 0.15vw,1.0625rem);--s-mid:clamp(1.35rem,1.2rem + 0.8vw,1.9rem);--s-word:clamp(4.6rem,1rem + 19vw,13rem);--gut:clamp(1rem,0.6rem + 2vw,2.5rem);color-scheme:light;}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{max-width:none;margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--nc-font-sans);font-size:var(--s-body);line-height:1.6;overflow-x:clip}::selection{background:var(--rose);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}h1,h2,h3,p{margin:0;padding:0;border:0}h1,h2{text-wrap:balance}p,li{text-wrap:pretty}header.band{background:var(--ink);padding:max(0.75rem,env(safe-area-inset-top)) var(--gut) 0.75rem;margin:0;border:0;text-align:left}header.band .logo{display:block;width:clamp(56px,3rem + 4vw,96px);height:auto;aspect-ratio:1;border-radius:0}.hero{padding:clamp(1rem,0.5rem + 2vw,2.5rem) var(--gut) 2rem;display:grid;gap:0 clamp(1.5rem,1rem + 3vw,4rem);grid-template-columns:1fr;max-width:1280px}h1{font-weight:400;font-size:var(--s-mid);line-height:1.15;letter-spacing:0;grid-column:1/-1}h1 .word{display:block;font-family:Anton,"Public Sans",sans-serif;font-size:var(--s-word);line-height:0.92;letter-spacing:-0.01em;text-transform:none;margin-left:-0.04em}h1 .promise{display:block;font-family:"Public Sans",sans-serif;font-weight:700;font-size:var(--s-mid);line-height:1.3;max-width:22ch;margin-top:0.6rem}.lead{grid-column:1/-1}.sub{max-width:44ch;margin-top:0.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0.75rem 1.75rem;margin-top:1.1rem;background:var(--red);color:#fff;border:4px solid var(--ink);border-radius:0;font-weight:700;font-size:var(--s-body);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s cubic-bezier(.16,1,.3,1)}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media (hover: hover){.btn:hover{transform:translateY(-2px);color:#fff;background:var(--red)}}.under{font-size:var(--s-body);margin-top:0.6rem;color:#3a342c;max-width:44ch}.rig{margin-top:1.25rem;max-width:300px}.switch{display:inline-flex;align-items:center;gap:0.75rem;min-height:48px;padding:0.25rem 0.5rem 0.25rem 0.25rem;background:var(--sheet);color:var(--ink);border:3px solid var(--ink);border-radius:0;font:700 var(--s-body)/1 "Public Sans",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.switch .opt{padding:0.6rem 0.75rem}.switch .knob{position:relative;width:52px;height:30px;background:var(--paper);border:3px solid var(--ink)}.switch .knob::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--ink);transition:transform .25s cubic-bezier(.16,1,.3,1)}.switch[aria-checked="true"] .knob::after{transform:translateX(22px)}.switch[aria-checked="true"] .o-with,.switch[aria-checked="false"] .o-without{background:var(--rose)}.switch.nudge .knob::after{animation:nudge .6s cubic-bezier(.16,1,.3,1) 1}@keyframes nudge{40%{transform:translateX(16px)}100%{transform:translateX(22px)}}.side{margin-top:1rem}.side svg{display:block;width:100%;height:auto;max-width:400px}.side p{font-size:var(--s-body);margin-top:0.5rem}.side[hidden]{display:none}.more{background:var(--sheet);padding:clamp(2rem,1.5rem + 2vw,4rem) var(--gut) clamp(2rem,1.5rem + 3vw,5rem)}.col{max-width:42rem}.tabs{display:flex;gap:0.5rem;flex-wrap:wrap}.tab{min-height:48px;padding:0.5rem 1rem;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:0;font:700 var(--s-body)/1.2 "Public Sans",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab[aria-selected="true"]{background:var(--ink);color:#fff}.panel{margin-top:1.5rem}.panel[hidden]{display:none}.panel h2{font-family:Anton,sans-serif;font-weight:400;font-size:var(--s-mid);line-height:1.15;margin-bottom:1rem}.pair{display:grid;grid-template-columns:2rem 1fr;gap:0.5rem 0.75rem;margin-top:1.25rem}.pair .mk{font-family:Anton,sans-serif;font-size:var(--s-mid);line-height:1}.cards{display:grid;gap:0.75rem}@media (min-width: 640px){.cards{grid-template-columns:1fr 1fr}}.card{background:var(--sheet);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:0.9rem 1rem}.card.do{border-color:var(--go)}.card.dont{border-color:var(--red)}.card b{display:flex;align-items:center;gap:0.4rem;font-weight:700}.card svg{width:20px;height:20px;flex:none}.card .why{display:block;margin-top:0.35rem;color:#3a342c}.picks{display:flex;flex-wrap:wrap;gap:0.5rem}.pick{min-height:48px;padding:0.5rem 1rem;background:var(--sheet);color:var(--ink);border:3px solid var(--ink);border-radius:0;font:700 var(--s-body)/1.2 "Public Sans",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.pick[aria-pressed="true"]{background:var(--rose)}.answer{margin-top:1rem;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:1rem}.answer[hidden]{display:none}.answer a{color:var(--ink);font-weight:700}.device{margin-top:1rem;max-width:300px;padding:10px;background:var(--ink);border-radius:28px}.device img{display:block;width:100%;height:auto;border-radius:20px;background:#fff}footer.foot{background:var(--paper);padding:2rem var(--gut) max(2rem,env(safe-area-inset-bottom));margin:0;border:0;position:relative;text-align:left;color:var(--ink);font-size:var(--s-body)}footer.foot::before{content:"";position:absolute;top:0;left:var(--gut);right:var(--gut);height:1px;background:linear-gradient(90deg,transparent,var(--ink) 20%,var(--ink) 80%,transparent)}.ftable{border-collapse:collapse;width:100%;max-width:42rem;margin:0;display:table}.ftable th,.ftable td{border:0;border-bottom:1px solid #c9c1b3;padding:0.75rem 0.5rem 0.75rem 0;text-align:left;vertical-align:top;background:transparent;font-size:var(--s-body)}.ftable th{font-weight:700;width:9rem}.ftable tr:nth-child(even) td,.ftable tr:nth-child(even) th{background:transparent}.linkbtn{background:none;border:0;padding:0.25rem 0;min-height:44px;margin-right:1rem;color:var(--ink);font:inherit;text-decoration:underline;cursor:pointer}dialog{max-width:min(34rem,calc(100vw - 2rem));width:100%;padding:0;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--sheet);color:var(--ink);border-radius:0}dialog::backdrop{background:rgba(21,18,14,0.6)}.dlg-in{padding:1.25rem}.dlg-in h2{font-family:Anton,sans-serif;font-weight:400;font-size:var(--s-mid);margin-bottom:0.5rem}.chips{display:flex;gap:0.5rem;margin-bottom:1rem}.chip{background:#e3f1e9;color:#14552f;border:1px solid var(--go);padding:0.2rem 0.6rem;font-size:0.8125rem;font-weight:700}.dlg-panel{margin-top:1rem}.dlg-panel[hidden]{display:none}.dlg-panel p+p{margin-top:0.6rem}.back{display:block;width:100%;min-height:48px;background:var(--ink);color:#fff;border:0;border-radius:0;font:700 var(--s-body)/1 "Public Sans",sans-serif;cursor:pointer;margin:0}@media (min-width: 960px){.hero{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.lead{grid-column:1}.rig{grid-column:2;grid-row:2 / span 2;margin-top:-4.5rem;max-width:400px}h1 .promise{max-width:24ch}}@media (hover: hover){.tab:hover,.pick:hover,.switch:hover{background:var(--rose);color:var(--ink)}.tab[aria-selected="true"]:hover{background:var(--ink);color:#fff}.linkbtn:hover{background:none;color:var(--ink)}.back:hover{background:var(--ink);color:#fff}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}}html{overflow-x:clip;max-width:100%;}body{overflow-x:clip;max-width:100%;}