:root{--night:#0B0B0D;--paper:#F2F0EC;--coral:#FF3B5C;--key:#FF8A3D;--ash:#8A8F99;--ink-2:#17181C;--r:14px;}*{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--night);color:var(--paper);font-family:Archivo,"Archivo Black",system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.6;text-wrap:pretty;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}::selection{background:var(--key);color:var(--night)}h1,h2{font-family:"Archivo Black",Archivo,system-ui,sans-serif;font-weight:400;letter-spacing:-0.02em;text-wrap:balance;margin:0}p{margin:0}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.bar{background:var(--night);border-bottom:6px solid var(--coral)}.bar .wrap{height:96px;display:flex;align-items:center;gap:16px}.mark{display:flex;align-items:center;gap:12px;min-width:0}.mark img{display:block;width:80px;height:80px;border-radius:12px;background:var(--paper)}.name{font-family:"Archivo Black",Archivo,sans-serif;font-size:1.05rem;letter-spacing:-0.02em}.shelf{display:flex;align-items:flex-end;gap:10px;margin-left:auto}@media (max-width:359px){.shelf{display:none}}.hero{position:relative;padding-top:26px}.hero .wrap{display:grid;grid-template-columns:1fr;gap:14px}h1{font-size:clamp(1.78rem,1.32rem + 2.1vw,3.4rem);line-height:1.05}.lede{color:var(--ash);font-size:clamp(0.98rem,0.94rem + 0.2vw,1.12rem);max-width:46ch}@media (min-width:860px){.hero{padding-top:34px}.hero .wrap{grid-template-columns:auto 1fr;align-items:center;gap:16px 36px}.t-head{grid-column:1 / -1}.t-flip{grid-column:1 / 2;align-self:center}.t-cta{grid-column:2 / 3;justify-self:start}.t-stage{grid-column:1 / -1;margin-top:6px}}.flip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.flip-txt{font-size:0.88rem;color:var(--ash);letter-spacing:0.01em}#flip{-webkit-tap-highlight-color:transparent;appearance:none;border:2px solid var(--ash);background:var(--ink-2);width:94px;height:48px;border-radius:26px;padding:0;position:relative;cursor:pointer;}#flip:focus-visible{outline:3px solid var(--key);outline-offset:3px}#flip .knob{position:absolute;top:5px;left:5px;width:34px;height:34px;border-radius:50%;background:var(--paper);transition:transform .22s cubic-bezier(.2,.8,.2,1);}html[data-side="with"] #flip{border-color:var(--key)}html[data-side="with"] #flip .knob{transform:translateX(42px);background:var(--key)}html[data-side="with"] .flip-txt[data-for="with"],html[data-side="without"] .flip-txt[data-for="without"]{color:var(--paper)}@keyframes nudge{0%,100%{transform:translateX(42px)}50%{transform:translateX(34px)}}html[data-side="with"] #flip.nudge .knob{animation:nudge .5s ease-out 1}.btn{-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;min-width:250px;min-height:58px;padding:0 24px;background:var(--key);color:var(--night);text-decoration:none;font-family:"Archivo Black",Archivo,sans-serif;font-size:1.05rem;letter-spacing:-0.01em;border-radius:12px;box-shadow:0 5px 0 0 #B85E22;transition:transform .12s ease-out,box-shadow .12s ease-out;}.btn:active{transform:translateY(5px);box-shadow:0 0 0 0 #B85E22}.btn:focus-visible{outline:3px solid var(--paper);outline-offset:3px}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(2px);box-shadow:0 3px 0 0 #B85E22}}.under{margin-top:9px;font-size:0.86rem;color:var(--ash)}.stage{position:relative;margin-top:22px;padding-bottom:30px}.stage::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:100vw;height:46%;bottom:0;background:var(--coral);z-index:0;}.panel{position:relative;z-index:1;max-width:520px;margin:0 auto}.panel svg{display:block;width:100%;height:auto}.panel [hidden]{display:none}.fade{animation:fade .28s ease-out 1}@keyframes fade{from{opacity:.35}to{opacity:1}}.row{animation:slide .45s cubic-bezier(.2,.8,.2,1) both}@keyframes slide{from{transform:translateX(-10px)}to{transform:translateX(0)}}.r2{animation-delay:.06s}.r3{animation-delay:.12s}.r4{animation-delay:.18s}.r5{animation-delay:.24s}@media (prefers-reduced-motion:reduce){.fade,.row,#flip .knob{animation:none;transition:none}}.strip-band{background:var(--paper);color:var(--night);padding:0 0 22px;margin-top:-22px;position:relative;z-index:2;border-top-left-radius:22px;border-top-right-radius:22px}.strip-band .wrap{padding-top:30px}.strip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scroll-padding-left:18px;scroll-marker-group:after;scrollbar-color:var(--night) #0000;}.frame{flex:0 0 80vw;max-width:360px;scroll-snap-align:start;background:#FFFFFF;border:1px solid #0000001f;border-radius:var(--r);padding:18px 16px;min-height:290px;display:flex;flex-direction:column;gap:12px;}.frame svg{display:block}.frame h2{font-size:clamp(1.12rem,1.04rem + 0.4vw,1.34rem);line-height:1.18}.frame p{color:#3A3D44;font-size:0.95rem;line-height:1.6}.num{font-size:0.78rem;letter-spacing:0.04em;color:#6B6F77;margin-top:auto}@media (min-width:760px){.frame{flex:0 0 42%}}@media (min-width:1100px){.frame{flex:0 0 30%}}.strip::scroll-button(*){border:1px solid #0000002e;background:var(--paper);color:var(--night);font-family:Archivo,sans-serif;font-size:0.82rem;font-weight:600;border-radius:999px;min-width:74px;height:40px;cursor:pointer;}.strip::scroll-button(*):disabled{opacity:.35}.strip::scroll-button(left){content:"Back"}.strip::scroll-button(right){content:"Next"}.strip::scroll-marker-group{display:flex;gap:7px;justify-content:center;margin-top:14px}.frame::scroll-marker{content:"";width:9px;height:9px;border-radius:50%;background:#00000029}.frame::scroll-marker:target-current{background:var(--coral)}footer{background:var(--ink-2);color:var(--ash);padding:26px 0 30px;text-align:center}.seal{width:54px;height:54px;border-radius:50%;border:2px solid var(--ash);display:inline-flex;align-items:center;justify-content:center;font-family:"Archivo Black",Archivo,sans-serif;font-size:1.3rem;color:var(--paper);}.frow{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:16px}.frow a{color:var(--paper);text-decoration:none;border-bottom:1px solid #FFFFFF40;font-size:0.9rem;padding:6px 2px}.frow a:focus-visible{outline:3px solid var(--key);outline-offset:3px}@media (min-width:860px){.panel{margin:0;max-width:620px}}@supports (corner-shape:squircle){.mark img,.frame,.btn,.strip-band{corner-shape:squircle}}@media (min-width:1024px){body>main:nth-child(2)>section:nth-child(1)>div:nth-child(1)>div:nth-child(1)>h1:nth-child(1){margin-left:auto;margin-right:auto;text-align:center;}body .hero .wrap{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}body .hero .wrap>*{grid-column:1/-1!important;grid-row:auto!important;justify-self:center!important}body .hero .lede{margin-left:auto;margin-right:auto}body .hero .t-flip{justify-content:center}body .hero .t-stage .panel{margin-left:auto;margin-right:auto}}