@property --wg{syntax: "<number>";inherits: true;initial-value: 780;}@property --wd{syntax: "<number>";inherits: true;initial-value: 96;}@property --s{syntax: "<number>";inherits: false;initial-value: 0;}:root{--paper: #F2EADB;--paper-2: #E8DDC8;--ink: #1C1B22;--dusk: #2A3140;--dusk-2: #3C4660;--rain: #9DB0C8;--amber: #E9A23B;--rust: #A8401B;--slate: #5B6370;--line: 3px solid var(--ink);}*{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;}body{margin: 0;background: var(--paper);color: var(--ink);font-family: "Atkinson Hyperlegible Next",system-ui,sans-serif;font-size: clamp(1rem,0.96rem + 0.2vw,1.0625rem);line-height: 1.55;overflow-x: clip;}a{color: inherit;}.wrap{width: min(100%,1120px);margin: 0 auto;padding: 0 max(1.25rem,env(safe-area-inset-left)) 0 max(1.25rem,env(safe-area-inset-right));}.hero{padding-top: max(1rem,env(safe-area-inset-top));padding-bottom: 3.5rem;}.hero-grid{display: grid;gap: 1rem;}.brandrow{display: flex;align-items: center;gap: 0.75rem;}.logo{width: clamp(56px,4rem + 4vw,128px);height: auto;aspect-ratio: 1;border-radius: 22%;display: block;flex: none;}.brandname{font-family: "Anybody",sans-serif;font-variation-settings: "wght" 700,"wdth" 88;font-size: clamp(1.05rem,0.95rem + 0.5vw,1.35rem);letter-spacing: 0.01em;}h1{font-family: "Anybody",sans-serif;font-weight: normal;font-size: clamp(1.85rem,1.15rem + 3.4vw,3.3rem);line-height: 1.02;margin: 0.4rem 0 0;letter-spacing: -0.005em;animation: breathe 5.5s ease-in-out infinite alternate;}h1 .w{display: inline;font-variation-settings: "wght" calc(var(--wg) + var(--s) * 120),"wdth" var(--wd);transition: --s 0.35s ease-out;}h1 .w.hot{color: var(--rust);}@keyframes breathe{from{--wg: 640;--wd: 84;}to{--wg: 790;--wd: 98;}}.lede{margin: 0.25rem 0 0;max-width: 36ch;color: #2E2D36;}.ctarow{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem 1rem;margin-top: 0.4rem;}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.6rem;min-height: 52px;padding: 0.8rem 1.4rem;background: var(--rust);color: #FFF8EE;font-family: "Anybody",sans-serif;font-variation-settings: "wght" 760,"wdth" 92;font-size: clamp(1.05rem,1rem + 0.3vw,1.2rem);text-decoration: none;border: var(--line);border-radius: 14px;-webkit-tap-highlight-color: transparent;transition: transform 0.15s ease-out;}.btn svg{width: 20px;height: 20px;flex: none;}.btn:focus-visible,.sw:focus-visible,.key:focus-visible,.toc a:focus-visible{outline: 3px solid var(--amber);outline-offset: 3px;}.btn:active{transform: translateY(1px) scale(0.99);}@media (hover: hover) and (pointer: fine){.btn:hover{transform: translateY(-2px);}}.under{margin: 0;font-size: 0.95rem;color: var(--slate);}.switchrow{display: flex;align-items: center;flex-wrap: wrap;gap: 0.4rem 0.75rem;margin-top: 0.6rem;}.switchlabel{font-weight: 700;font-size: 0.95rem;}.sw{position: relative;display: inline-grid;grid-template-columns: 1fr 1fr;min-height: 48px;padding: 4px;min-width: 216px;background: var(--paper-2);border: var(--line);border-radius: 999px;font: inherit;font-weight: 700;font-size: 0.95rem;color: var(--ink);cursor: pointer;-webkit-tap-highlight-color: transparent;}.sw .opt{position: relative;display: grid;place-items: center;padding: 0 0.9rem;border-radius: 999px;transition: color 0.25s,background-color 0.25s;}[data-side="with"] .sw .o-on,[data-side="without"] .sw .o-off{color: var(--paper);background-color: var(--ink);}.sw.nudge .o-on{animation: nudge 0.7s ease-in-out 0.6s 1;}@keyframes nudge{0%,100%{transform: translateX(0);}45%{transform: translateX(-8px);}}.stage{position: relative;margin-top: 1rem;padding-bottom: 1.4rem;}.panel{position: relative;border: var(--line);border-radius: 6px;overflow: hidden;}.side{height: clamp(220px,150px + 22vw,360px);background: linear-gradient(170deg,var(--dusk) 0%,var(--dusk-2) 62%,#59506A 100%);transition: background 0.3s;}[data-side="without"] .side{background: linear-gradient(170deg,#34405A 0%,#4C5A78 62%,#6E6680 100%);}.side .weather{position: absolute;inset: 0;width: 100%;height: 100%;}.sill{position: absolute;left: 0;right: 0;bottom: 0;height: 22%;background: #23222B;border-top: 3px solid var(--ink);}.cap{position: absolute;z-index: 3;margin: 0;background: var(--amber);color: var(--ink);border: 2px solid var(--ink);padding: 0.3rem 0.6rem;font-size: clamp(0.78rem,0.74rem + 0.2vw,0.9rem);font-weight: 700;line-height: 1.25;max-width: 60%;}.side .cap{left: -3px;top: -3px;border-radius: 0 0 6px 0;}.persp{position: absolute;left: 30%;bottom: 9%;width: 21%;max-width: 120px;perspective: 520px;z-index: 2;}.phone{position: relative;aspect-ratio: 9 / 18.5;width: 100%;background: #121218;border: 3px solid var(--ink);border-radius: 18px;padding: 6%;transform: rotateY(-56deg) rotateX(6deg);transform-origin: 50% 60%;box-shadow: -10px 14px 0 rgba(10,10,14,0.25);}.scr{position: relative;height: 100%;border-radius: 11px;background: #F6F1E7;overflow: hidden;padding: 12% 8%;display: flex;flex-direction: column;gap: 7%;}.bub{font-size: clamp(0.5rem,0.42rem + 0.4vw,0.72rem);line-height: 1.2;padding: 0.3em 0.5em;border-radius: 0.7em;max-width: 92%;color: var(--ink);}.bub.in{background: #DCD3C2;align-self: flex-start;}.bub.out{background: var(--rain);align-self: flex-end;}.shade{position: absolute;inset: 0;border-radius: 11px;background: linear-gradient(120deg,#07080C 0%,#0E1018 55%,#191C26 68%,#0B0C12 80%);}.shade::after{content: "";position: absolute;top: 0;bottom: 0;left: 58%;width: 12%;background: rgba(157,176,200,0.12);transform: skewX(-12deg);}.mine{position: absolute;right: -0.25rem;bottom: 0;width: clamp(112px,80px + 9vw,170px);background: var(--paper);z-index: 4;padding: 2.1rem 0.75rem 0.75rem;box-shadow: 6px 6px 0 var(--ink);}.mine .cap{left: -3px;top: -3px;max-width: none;border-radius: 0 0 6px 0;background: var(--paper-2);}.mine .phone{transform: none;box-shadow: none;border-radius: 14px;}.mine .scr{border-radius: 8px;}::view-transition-old(root),::view-transition-new(root){animation-duration: 0.28s;}.stage.fade{opacity: 0.35;transition: opacity 0.14s;}.stage{transition: opacity 0.14s;}@media (min-width: 900px){.hero{padding-top: 2rem;padding-bottom: 5rem;}.hero-grid{grid-template-columns: 1.05fr 1fr;gap: 3rem;align-items: center;}.stage{margin-top: 0;}.persp{max-width: 170px;}}.strip{padding-top: 3rem;padding-bottom: 3rem;}.strip h2{font-family: "Anybody",sans-serif;font-variation-settings: "wght" 780,"wdth" 86;font-size: clamp(1.5rem,1.15rem + 1.7vw,2.3rem);line-height: 1.05;margin: 0 0 1.25rem;scroll-margin-top: 1rem;}.strip h2 .num{display: inline-grid;place-items: center;width: 1.5em;height: 1.5em;margin-right: 0.45rem;border: var(--line);border-radius: 50%;background: var(--amber);font-size: 0.62em;vertical-align: 0.25em;}.box{border: var(--line);border-radius: 6px;background: #FBF6EC;padding: 1.25rem;position: relative;}.toc{margin-top: 1rem;}.toc ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.6rem;counter-reset: c;}.toc li{counter-increment: c;}.toc a{display: flex;align-items: center;gap: 0.8rem;min-height: 56px;padding: 0.5rem 0.9rem;border: var(--line);border-radius: 6px;background: #FBF6EC;text-decoration: none;font-weight: 700;-webkit-tap-highlight-color: transparent;}.toc a::before{content: counter(c);display: inline-grid;place-items: center;width: 2rem;height: 2rem;flex: none;border: 2px solid var(--ink);border-radius: 50%;font-family: "Anybody",sans-serif;font-variation-settings: "wght" 780,"wdth" 90;}.toc a.go{background: var(--rust);color: #FFF8EE;}.toc a.go::before{border-color: #FFF8EE;}@media (hover: hover){.toc a:hover{background: var(--paper-2);}.toc a.go:hover{background: #8F3615;}}.track{list-style: none;margin: 0;padding: 0 0 0 2.2rem;position: relative;display: grid;gap: 1.5rem;}.track::before{content: "";position: absolute;left: 0.62rem;top: 0.6rem;bottom: 0.6rem;width: 3px;background: var(--ink);}.track li{position: relative;}.track li::before{content: "";position: absolute;left: -2.05rem;top: 0.9rem;width: 1.15rem;height: 1.15rem;border-radius: 50%;background: var(--amber);border: 3px solid var(--ink);}.track .box{padding-top: 2.4rem;}.track .cap{left: -3px;top: -3px;border-radius: 0 0 6px 0;max-width: none;}.track p{margin: 0;}.balloon{position: relative;display: inline-block;margin-top: 0.8rem;padding: 0.5rem 0.85rem;background: #FFF;border: 2px solid var(--ink);border-radius: 18px;font-weight: 700;font-size: 0.95rem;}.balloon::after{content: "";position: absolute;left: 1.4rem;bottom: -10px;width: 14px;height: 14px;background: #FFF;border-right: 2px solid var(--ink);border-bottom: 2px solid var(--ink);transform: skewX(-25deg) rotate(45deg);}.leaflet{display: grid;border: var(--line);border-radius: 6px;background: #FBF6EC;}.leaf{padding: 1.25rem;}.leaf + .leaf{border-top: 2px dotted var(--slate);}.leaf h3{font-family: "Anybody",sans-serif;font-variation-settings: "wght" 760,"wdth" 92;font-size: clamp(1.1rem,1rem + 0.4vw,1.3rem);margin: 0 0 0.6rem;}.leaf ul{margin: 0;padding-left: 1.1rem;}.leaf li + li{margin-top: 0.45rem;}.leaf.stop{background: var(--paper-2);border-radius: 3px 3px 0 0;}@media (min-width: 760px){.leaflet{grid-template-columns: repeat(3,1fr);}.leaf + .leaf{border-top: 0;border-left: 2px dotted var(--slate);}.leaf.stop{border-radius: 3px 0 0 3px;}}.facts{list-style: none;margin: 0;padding: 0;display: grid;gap: 0.75rem;}.facts li{display: grid;grid-template-columns: 2.25rem 1fr;gap: 0.75rem;align-items: start;}.facts svg{width: 2.25rem;height: 2.25rem;}.facts p{margin: 0.2rem 0 0;}.facts .watch{display: block;color: var(--slate);font-size: 0.95rem;margin-top: 0.2rem;}.closing{padding-top: 3.5rem;padding-bottom: 1rem;text-align: center;}.closing .box{padding: 2rem 1.25rem;display: grid;justify-items: center;gap: 1rem;}.closing .appicon{width: 96px;height: 96px;border-radius: 22%;border: var(--line);}.closing p{margin: 0;font-family: "Anybody",sans-serif;font-variation-settings: "wght" 700,"wdth" 90;font-size: clamp(1.2rem,1rem + 0.8vw,1.6rem);line-height: 1.15;}.endmark{text-align: center;font-size: 1.4rem;margin: 2.5rem 0 0;color: var(--ink);}footer{margin-top: 1.5rem;padding: 2rem 0 max(2rem,env(safe-area-inset-bottom));border-top: var(--line);background: var(--paper-2);}footer .wrap{display: grid;gap: 1rem;}footer h2{font-size: 0.95rem;margin: 0;letter-spacing: 0.04em;text-transform: uppercase;color: var(--slate);}.keys{display: flex;flex-wrap: wrap;gap: 0.9rem;align-items: flex-start;}.keycell{display: grid;gap: 0.35rem;max-width: 34ch;}.key{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0.45rem 0.9rem;background: #FBF6EC;border: 2px solid var(--ink);border-bottom-width: 6px;border-radius: 9px;text-decoration: none;font-weight: 700;font-size: 0.95rem;justify-self: start;-webkit-tap-highlight-color: transparent;transition: transform 0.1s;}.key:active{transform: translateY(3px);border-bottom-width: 3px;}.keynote{font-size: 0.88rem;color: var(--slate);margin: 0;}.foot{margin: 0;font-size: 0.95rem;}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}h1{animation: none;--wg: 780;--wd: 96;}h1 .w,.sw .opt,.btn,.stage,.side{transition: none;}.sw.nudge .o-on{animation: none;}::view-transition-old(root),::view-transition-new(root){animation: none;}}@font-face{font-family: 'Anybody';font-style: normal;font-weight: 100 900;font-stretch: 50% 150%;font-display: swap;src: url(fonts/anybody.aef77c58.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: 'Anybody';font-style: normal;font-weight: 100 900;font-stretch: 50% 150%;font-display: swap;src: url(fonts/anybody.98f27d60.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 Next';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/atkinsonhyperlegiblenext.66ef52af.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 Next';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/atkinsonhyperlegiblenext.13048fb8.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 Next';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/atkinsonhyperlegiblenext.66ef52af.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 Next';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/atkinsonhyperlegiblenext.13048fb8.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;}