:root{--indigo:#5e4aee;--edge:#3b2bb8;--brown:#c3873a;--brown-ink:#7a4d16;--beige:#f9dcb8;--ink:#1b1730;--soft:#5a5670;--ground:#ffffff;--pale:#f3f1fe;--tile:#ebe8fd}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:"Rubik",system-ui,sans-serif;font-weight:400;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height:1.6;overflow-x:clip}::selection{background:var(--beige);color:var(--ink)}a{color:inherit}h1,h2,h3{margin:0;font-weight:800;text-wrap:balance;letter-spacing:-0.02em}p{margin:0;text-wrap:pretty}.wrap{width:100%;max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.top{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:4px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:clamp(1rem,0.9rem + 0.4vw,1.25rem);min-height:48px}.brand img{width:44px;height:44px;border-radius:12px;display:block;flex:none}.hero{padding-top:8px;padding-bottom:40px}.hero-grid{display:grid;gap:28px;align-items:start}h1{font-size:clamp(1.85rem,1.2rem + 3.4vw,3.6rem);line-height:1.08;max-width:15ch}.lead{margin-top:12px;color:var(--soft);max-width:44ch}.path{list-style:none;margin:18px 0 0;padding:0;max-width:440px}.q{display:flex;align-items:center;gap:12px;background:var(--tile);border-radius:999px;padding:9px 18px 9px 9px;font-weight:600;line-height:1.3;min-height:48px}.num{flex:none;width:30px;height:30px;border-radius:50%;background:var(--ground);color:var(--indigo);display:grid;place-items:center;font-weight:800;font-size:0.9375rem}.join{display:flex;align-items:center;gap:10px;height:34px;padding-left:22px;font-size:0.875rem;color:var(--soft)}.join svg{flex:none}.join b{font-weight:600;color:var(--ink)}.btn-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:260px;min-height:58px;padding:14px 30px;border-radius:999px;background:var(--indigo);color:#fff;font-weight:800;font-size:clamp(1.05rem,1rem + 0.3vw,1.2rem);text-decoration:none;box-shadow:0 5px 0 var(--edge);transform:translateY(0);transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.btn-next:active{transform:translateY(4px);box-shadow:0 1px 0 var(--edge)}.btn-next:focus-visible{outline:3px solid var(--brown);outline-offset:4px}.under{margin-top:12px;font-size:0.9375rem;color:var(--soft)}.side{background:var(--pale);border-radius:32px;padding:16px}.tabs{display:flex;gap:6px;background:var(--ground);border-radius:999px;padding:5px}.tab{flex:1;min-height:44px;border:0;border-radius:999px;background:transparent;color:var(--soft);font:600 0.9375rem/1.2 "Rubik",system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab[aria-selected="true"]{background:var(--ink);color:#fff}.tab:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.stage{position:relative;margin-top:12px}.stage svg{display:block;width:100%;height:auto}.view{transition:opacity .5s cubic-bezier(.16,1,.3,1)}.view[data-off]{opacity:0}.cap{margin-top:8px;font-size:0.875rem;color:var(--soft);text-align:center}.toc{position:sticky;top:0;z-index:5;background:var(--ground)}.toc .wrap{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none}.toc a{flex:none;display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-weight:600;font-size:0.9375rem;color:var(--soft);border-bottom:4px solid transparent}.toc a[aria-current="true"]{color:var(--ink);border-bottom-color:var(--indigo)}.hour{padding:56px 0}.alt{background:var(--pale)}.hang{display:grid;gap:18px}.time{font-weight:800;font-size:clamp(1.05rem,1rem + 0.3vw,1.25rem);color:var(--brown-ink);line-height:1.2}.time span{display:block;font-weight:400;font-size:0.9375rem;color:var(--soft);margin-top:4px}h2{font-size:clamp(1.55rem,1.2rem + 1.7vw,2.4rem);line-height:1.12;max-width:20ch}.intro{margin-top:10px;color:var(--soft);max-width:60ch}.leaf{margin-top:24px;display:grid;background:var(--ground);border-radius:28px;overflow:hidden}.panel{padding:22px 22px 24px}.panel+.panel{border-top:1px solid #d9d5f3}.panel h3{display:flex;align-items:center;gap:10px;font-size:1.125rem;line-height:1.3}.panel ul{margin:10px 0 0;padding:0 0 0 18px}.panel li{margin-top:6px}.facts{margin:22px 0 0;max-width:640px}.facts div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #dcd9e8}.facts dt{color:var(--soft)}.facts dd{margin:0;font-weight:600}.after{margin-top:20px;font-size:clamp(1.1rem,1rem + 0.6vw,1.45rem);line-height:1.55;font-weight:600;max-width:34ch}.after svg{display:inline-block;vertical-align:-0.12em;margin:0 6px}.last{padding:64px 0 72px;text-align:center}.last img{width:96px;height:96px;border-radius:24px;margin:0 auto 18px;display:block}.last h2{margin:0 auto 22px;max-width:18ch}.foot{border-top:1px solid #e4e1f0;padding:28px 0 calc(28px + env(safe-area-inset-bottom));text-align:center}.foot .brand{justify-content:center;font-size:1rem}.foot .brand img{width:32px;height:32px;border-radius:9px}@media (min-width:720px){.leaf{grid-template-columns:repeat(3,1fr)}.panel+.panel{border-top:0;border-left:1px solid #d9d5f3}}@media (min-width:960px){.top{padding-top:20px}.brand img{width:56px;height:56px;border-radius:14px}.hero{padding-top:20px;padding-bottom:64px}.hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:56px}.hang{grid-template-columns:220px 1fr;gap:40px}.hour{padding:80px 0}}@media (hover:hover) and (pointer:fine){.btn-next:hover{background:#5341e6}.toc a:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view,.btn-next{transition:none}}