:root{--green:#34b27d;--ink:#14261e;--paper:#f7fbf6;--red:#c93d22;--yellow:#f9c80e;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s6:48px;--s8:64px;--s12:96px;--t1:1rem;--t2:clamp(1.25rem,1.1rem + 0.5vw,1.5rem);--t3:clamp(2rem,1.3rem + 2.6vw,3.375rem);--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--ink) var(--green);-webkit-text-size-adjust:100%}body{margin:0;background:var(--green);color:var(--ink);font:400 var(--t1)/1.6 "Figtree",system-ui,sans-serif;overflow-x:clip;caret-color:var(--red)}::selection{background:var(--yellow);color:var(--ink)}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:999px}h1,h2{font-family:"Unbounded","Figtree",sans-serif;font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}h1{font-size:var(--t3);line-height:1.12}h2{font-size:var(--t2);line-height:1.25}p{margin:0;text-wrap:pretty}.wrap{width:min(1120px,100% - var(--s4));margin-inline:auto;padding-inline:max(0px,env(safe-area-inset-left)) max(0px,env(safe-area-inset-right))}.story{display:flex;flex-direction:column;padding-top:max(var(--s2),env(safe-area-inset-top))}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding-bottom:var(--s3)}.logo{display:block;width:56px;height:56px}.logo img{display:block;width:100%;height:auto}.lead{max-width:34rem}.go-btn{display:flex;flex-direction:column;align-items:center;gap:var(--s1);margin-top:var(--s1)}.callout{display:flex;align-items:center;gap:var(--s2)}.num{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;border-radius:999px;background:var(--ink);color:var(--paper);font:800 var(--t1)/1 "Unbounded",sans-serif}.key{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:60px;padding:var(--s2) var(--s4) calc(var(--s2) + 6px);border-radius:999px;background:var(--red);color:#fff;font:700 var(--t2)/1.1 "Figtree",sans-serif;text-decoration:none;box-shadow:inset 0 -6px 0 rgba(20,38,30,.42);transition:transform .15s var(--ease)}.key:active{transform:translateY(3px);box-shadow:inset 0 -3px 0 rgba(20,38,30,.42)}.note{font-size:var(--t1)}.figwrap{position:sticky;top:max(var(--s1),env(safe-area-inset-top));z-index:2;align-self:center;background:var(--green);padding-block:var(--s1);border-radius:0 0 32px 32px}.plate{display:block;width:min(300px,100%);height:auto}.plate text{font-family:"Figtree",sans-serif;font-weight:700}.plate .t-big{font-family:"Unbounded",sans-serif;font-weight:800}#pin{transition:transform .7s var(--ease);transform:translate(206px,188px)}.arc,.pill2,.pill3,.lobby,.radarhi{transition:opacity .4s var(--ease)}.arc{opacity:0}.pill2{opacity:0}.pill3{opacity:1}.lobby{opacity:1}.radarhi{opacity:0}[data-step="1"] #pin{transform:translate(64px,264px)}[data-step="1"] .pill3,[data-step="1"] .lobby{opacity:0}[data-step="1"] .radarhi{opacity:1}[data-step="2"] #pin{transform:translate(200px,200px)}[data-step="2"] .arc,[data-step="2"] .pill2{opacity:1}[data-step="2"] .pill3,[data-step="2"] .lobby{opacity:0}#knob{cursor:grab;touch-action:none}#knob:focus-visible{outline:none}#knob:focus-visible .knobcap{stroke:var(--red);stroke-width:4}.steps{list-style:none;margin:0;padding:0 0 var(--s8);position:relative;z-index:1}.steps li{min-height:70dvh;display:flex;align-items:flex-end;padding-bottom:12dvh}.steps .card{display:flex;gap:var(--s2);align-items:flex-start;background:var(--paper);border-radius:28px;padding:var(--s3);max-width:30rem;font:700 var(--t2)/1.35 "Figtree",sans-serif}.panel{background:var(--paper);border-radius:40px;padding:var(--s6) var(--s3) var(--s8);display:grid;gap:var(--s12)}.side h2{margin-bottom:var(--s2)}.cases{display:flex;flex-wrap:wrap;gap:var(--s1)}.cases button{min-height:48px;padding:var(--s1) var(--s3);border:0;border-radius:999px;background:var(--green);color:var(--ink);font:700 var(--t1)/1.2 "Figtree",sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.cases button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.main{display:grid;gap:var(--s12);min-width:0}.main h2{margin-bottom:var(--s3)}.moments{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3)}.moments li{display:flex;gap:var(--s2);align-items:flex-start;max-width:38rem}.moments svg{flex:none;width:48px;height:48px;padding:10px;border-radius:999px;background:var(--yellow);stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.moments b{display:block}.strip{display:grid;gap:var(--s2);grid-template-columns:1fr}.frame{background:var(--green);border-radius:28px;padding:var(--s2);display:grid;gap:var(--s2);align-content:start}.frame p{background:var(--paper);border-radius:20px;padding:var(--s2)}.frame b{display:flex;align-items:center;gap:var(--s1);margin-bottom:var(--s1)}.frame b .num{width:28px;height:28px}.mini{position:relative;height:96px;border-radius:20px;background:var(--paper);overflow:hidden}.mini i{position:absolute;display:block}.mini .road{left:0;right:0;top:56px;height:3px;background:var(--ink)}.mini .road2{top:0;bottom:0;left:40%;width:3px;background:var(--ink)}.mini .me{width:20px;height:20px;border-radius:999px;background:var(--red);left:16px;top:46px;transition:transform .6s var(--ease)}.mini .gym{width:28px;height:28px;border-radius:999px;background:var(--yellow);right:16px;top:16px}.mini .tap{width:40px;height:40px;border-radius:999px;background:var(--yellow);left:calc(50% - 20px);top:28px;opacity:.9}.f2 .me{transform:translateX(0)}.f3 .me{left:auto;right:20px;top:20px}[hidden]{display:none !important}.casebox:not([hidden]) .moments li:nth-child(1){view-transition-name:m1}.casebox:not([hidden]) .moments li:nth-child(2){view-transition-name:m2}.casebox:not([hidden]) .moments li:nth-child(3){view-transition-name:m3}.casebox:not([hidden]) .frame:nth-child(1){view-transition-name:f1}.casebox:not([hidden]) .frame:nth-child(2){view-transition-name:f2}.casebox:not([hidden]) .frame:nth-child(3){view-transition-name:f3}::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.letter{position:relative;background:var(--yellow);border-radius:32px;padding:var(--s6) var(--s3) var(--s12);max-width:36rem;transform:rotate(-2deg);margin:0 auto var(--s8)}.letter p{font:700 var(--t2)/1.4 "Figtree",sans-serif;margin-bottom:var(--s2)}.letter .sign{font:800 var(--t1)/1.2 "Unbounded",sans-serif;margin-top:var(--s3)}.seal{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%) rotate(2deg);width:152px;height:152px;border-radius:999px;display:grid;place-items:center;text-align:center;padding:var(--s2);background:var(--red);color:#fff;font:700 var(--t1)/1.2 "Figtree",sans-serif;text-decoration:none;box-shadow:inset 0 -6px 0 rgba(20,38,30,.42)}.seal .num{background:var(--paper);color:var(--ink);margin:0 auto var(--s1)}.seal:active{box-shadow:inset 0 -3px 0 rgba(20,38,30,.42)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--ink);padding:var(--s1) var(--s2) max(var(--s1),env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);transition:transform .35s var(--ease)}.bar.on{transform:none}.bar .key{min-height:48px;min-width:240px;font-size:var(--t1);padding:var(--s1) var(--s3) calc(var(--s1) + 4px)}.bar .key:focus-visible{outline-color:var(--paper)}footer{margin-top:var(--s8);padding:var(--s4) 0 calc(var(--s12) + env(safe-area-inset-bottom))}.hair{height:1px;background:linear-gradient(90deg,transparent,var(--ink),transparent);margin-bottom:var(--s4)}.word{display:block;width:100%;height:auto}.word text{font-family:"Unbounded",sans-serif;font-weight:800;fill:var(--ink)}.flinks{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin:var(--s3) 0}.flinks a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}.fact{max-width:40rem;margin-bottom:var(--s2)}.fact a{font-weight:700;text-underline-offset:4px}@media (min-width:720px){.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:var(--s8) var(--s6) var(--s12)}}@media (min-width:960px){.story{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:var(--s8);align-items:start}.hero{grid-column:1;grid-row:1;min-height:calc(100dvh - var(--s4));justify-content:center;padding-bottom:var(--s4)}.logo{width:144px;height:144px}.figwrap{grid-column:2;grid-row:1 / span 2;top:calc(50dvh - 240px);margin-top:calc(50dvh - 256px);padding:0;background:none}.plate{width:360px}.steps{grid-column:1;grid-row:2}.steps li{align-items:center;padding-bottom:0}.panel{grid-template-columns:240px minmax(0,1fr);column-gap:var(--s8)}.side{position:sticky;top:var(--s4);align-self:start}.cases{flex-direction:column;align-items:flex-start}}@media (hover:hover) and (pointer:fine){.key:hover,.seal:hover{filter:brightness(1.06)}.cases button:hover{background:var(--yellow)}.cases button[aria-pressed="true"]:hover{background:var(--ink)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}body{overflow-x:clip;max-width:100%}html{overflow-x:clip;max-width:100%}@font-face{font-family: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(assets/figtree.4219990e5f.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: 'Figtree';font-style: normal;font-weight: 400;font-display: swap;src: url(assets/figtree.9b5b2a10e7.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: 'Figtree';font-style: normal;font-weight: 700;font-display: swap;src: url(assets/figtree.4219990e5f.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: 'Figtree';font-style: normal;font-weight: 700;font-display: swap;src: url(assets/figtree.9b5b2a10e7.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: 'Unbounded';font-style: normal;font-weight: 800;font-display: swap;src: url(assets/unbounded.265f367b61.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: 'Unbounded';font-style: normal;font-weight: 800;font-display: swap;src: url(assets/unbounded.c8ee0796bf.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;}