:root{--page-bg: #dedede;--surface: #f3f3f3;--ink: #020202;--muted: #5f5f5f;--faint: #ececec;--line: rgba(0, 0, 0, .12);--accent: #f28a08;--frame-radius: 0px;--frame-offset: 0px;--content-x: clamp(28px, 4vw, 58px);--header-h: 74px;--tabs-h: 74px;--scene-count: 7}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:none}body{margin:0;background:var(--page-bg);color:var(--ink);font-family:Inter,Noto Sans SC,system-ui,sans-serif;overflow:hidden}body::-webkit-scrollbar{width:0;height:0}a{color:inherit;text-decoration:none}.page-frame{width:100%;height:100vh;min-height:100vh;margin:0;background:var(--surface);border-radius:0;overflow:clip;position:relative}.site-header{position:fixed;top:0;left:50%;z-index:200;width:100%;height:var(--header-h);transform:translate(-50%);display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px var(--content-x) 0;pointer-events:none}.brand,.login-link{pointer-events:auto}.brand{font-size:clamp(24px,2.3vw,34px);font-weight:800;letter-spacing:-.04em}.nav-links{display:flex;align-items:center;gap:clamp(14px,1.6vw,26px);justify-self:end;pointer-events:auto}.manual-link{font-size:clamp(14px,1.1vw,16px);font-weight:800;color:var(--ink);opacity:.66;transition:opacity .16s ease}.manual-link:hover{opacity:1}.login-link{background:var(--ink);color:var(--surface);padding:14px 24px;font-weight:800}main{background:var(--surface);position:relative;height:100vh;overflow:hidden}.story-section{min-height:100vh;position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:var(--header-h) 1fr var(--tabs-h);column-gap:clamp(18px,2vw,34px);padding:0 var(--content-x);overflow:hidden;background:var(--surface);opacity:0;pointer-events:none;will-change:opacity}.story-section.is-active{z-index:2;opacity:1;pointer-events:auto}.story-section:before,.story-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.story-section:before{z-index:2;background:linear-gradient(180deg,rgba(243,243,243,.2) 0%,transparent 18%,transparent 72%,rgba(243,243,243,.42) 100%)}.story-section:after{z-index:3}.copy-block{z-index:5;align-self:start;max-width:760px;margin-top:clamp(34px,7vh,88px);opacity:0;will-change:opacity,transform}.section-count{margin:0 0 18px;font-family:Anton,Impact,sans-serif;font-size:clamp(20px,2vw,34px);line-height:.96;letter-spacing:0}h1,h2{margin:0;font-family:Noto Sans SC,Anton,Arial Black,sans-serif;font-size:clamp(54px,8.5vw,132px);font-weight:900;line-height:.98;letter-spacing:0;text-wrap:balance;word-break:keep-all;overflow-wrap:normal}.english-line{max-width:520px;margin:28px 0 0;color:#3d3d3d;font-size:clamp(18px,2vw,30px);font-weight:800;line-height:1.12}.description{max-width:460px;margin:26px 0 0;color:var(--muted);font-size:clamp(15px,1.25vw,20px);font-weight:700;line-height:1.55}.media-block{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;min-width:0;opacity:1}.video-block{overflow:hidden}.media-block img,.media-block video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.02)}.video-block video{--hero-video-shift: clamp(28px, 5vh, 72px);height:calc(100% + var(--hero-video-shift));object-position:58% 54%;transform:translateY(calc(var(--hero-video-shift) * -1));transform-origin:center top}@media (min-width: 981px) and (min-height: 1000px){.video-block video{--hero-video-shift: clamp(76px, 6.2vh, 96px)}}.stat-block{z-index:5;align-self:start;max-width:360px;color:var(--ink);text-align:center;opacity:0;will-change:opacity}.stat-block strong{display:block;font-family:Anton,Impact,sans-serif;font-size:clamp(30px,3vw,48px);line-height:.95;letter-spacing:0;text-transform:uppercase}.stat-block span{display:block;margin-top:18px;color:var(--muted);font-size:clamp(14px,1.25vw,18px);font-weight:800;line-height:1.45}.layout-left-copy .copy-block{grid-column:1 / 7;grid-row:2}.layout-left-copy:after{background:linear-gradient(90deg,rgba(243,243,243,.7) 0%,rgba(243,243,243,.34) 34%,rgba(243,243,243,.04) 56%,transparent 100%)}.layout-left-copy .stat-block{grid-column:9 / 13;grid-row:2;align-self:start;margin-top:clamp(24px,5vh,64px)}#response .stat-block{grid-column:9 / 13;align-self:end;justify-self:end;margin-top:0;margin-bottom:clamp(74px,10vh,120px)}.layout-right-copy .copy-block{grid-column:7 / 13;grid-row:2;justify-self:end}.layout-right-copy:after{background:linear-gradient(270deg,rgba(243,243,243,.72) 0%,rgba(243,243,243,.36) 36%,rgba(243,243,243,.04) 60%,transparent 100%)}.layout-right-copy .stat-block{grid-column:1 / 5;grid-row:2;align-self:end;margin-bottom:64px;text-align:left}.layout-split-copy .copy-block{grid-column:1 / 7;grid-row:2}.layout-split-copy:after{background:linear-gradient(90deg,rgba(243,243,243,.64) 0%,rgba(243,243,243,.28) 32%,transparent 56%),linear-gradient(270deg,rgba(243,243,243,.34) 0%,transparent 34%)}.layout-split-copy .stat-block{grid-column:10 / 13;grid-row:2}#drag .copy-block{grid-column:5 / 13;justify-self:end;max-width:760px}#drag:after{background:linear-gradient(270deg,rgba(243,243,243,.76) 0%,rgba(243,243,243,.36) 44%,transparent 70%)}#drag .stat-block{grid-column:9 / 13;align-self:end;margin-bottom:64px}.layout-top-copy .copy-block{grid-column:1 / 7;grid-row:2;align-self:start;margin-top:clamp(28px,5vh,62px)}.layout-top-copy:after{background:linear-gradient(90deg,rgba(243,243,243,.66) 0%,rgba(243,243,243,.28) 42%,transparent 68%)}.layout-top-copy .stat-block{grid-column:9 / 13;grid-row:2;align-self:start;margin-top:clamp(50px,9vh,110px)}.layout-low-subject .copy-block{grid-column:1 / 7;grid-row:2;align-self:start;margin-top:clamp(30px,6vh,72px)}.layout-low-subject:after{background:linear-gradient(90deg,rgba(243,243,243,.66) 0%,rgba(243,243,243,.28) 42%,transparent 70%),linear-gradient(0deg,rgba(243,243,243,.18) 0%,transparent 26%)}.layout-low-subject .stat-block{grid-column:8 / 13;grid-row:2;align-self:start;margin-top:clamp(50px,9vh,104px)}.subject-right img{object-position:58% 50%}.subject-left img{object-position:44% 52%}.subject-center img{object-position:54% 50%}.subject-right-low img{object-position:62% 54%}.subject-low img{object-position:54% 62%}.home-cat img{object-position:42% 50%}.final-section h2{font-size:clamp(54px,7.2vw,108px)}#cursor .copy-block{grid-column:6 / 13;max-width:min(760px,54vw)}#cursor h2,#drag h2{font-size:clamp(48px,6.8vw,104px)}#ritual .stat-block{grid-column:10 / 13;justify-self:end;transform:translate(clamp(16px,2vw,34px))}.primary-cta{display:inline-flex;align-items:center;gap:14px;min-height:72px;padding:10px 12px 10px 30px;border-radius:999px;background:var(--ink);color:var(--surface);font-size:18px;font-weight:900}.download-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.github-cta{display:inline-block;margin-top:18px;color:var(--muted);font-size:15px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.primary-cta svg{width:52px;height:52px;padding:13px;border-radius:50%;background:var(--surface);color:var(--ink);stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.section-tabs{position:fixed;left:50%;bottom:0;z-index:200;width:100%;height:var(--tabs-h);transform:translate(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:20px;padding:0 var(--content-x) 20px;background:linear-gradient(180deg,transparent,rgba(243,243,243,.96) 42%)}.tab-paw{position:absolute;top:30%;left:0;width:154px;height:154px;margin-left:-77px;color:var(--ink);opacity:0;pointer-events:none;will-change:left,opacity;transform:translateY(-50%) rotate(-28deg)}.tab-paw svg{display:block;width:100%;height:100%;opacity:.12}.section-tabs a{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;color:#4f4f4f;font-size:clamp(12px,1.05vw,15px);font-weight:900;white-space:nowrap;transition:color .16s ease,transform .16s ease}.section-tabs a.active-section{color:var(--ink);transform:translateY(-2px)}.tab-mark{position:relative;flex:0 0 auto;width:24px;height:24px;color:var(--ink)}.tab-copy{display:grid;gap:2px;min-width:0;line-height:1}.tab-copy strong,.tab-copy em{display:block;overflow:hidden;text-overflow:ellipsis;font-style:normal}.tab-copy strong{font-family:Noto Sans SC,Inter,sans-serif;font-size:clamp(13px,1.08vw,16px);font-weight:900}.tab-copy em{color:currentColor;font-size:clamp(10px,.78vw,12px);font-weight:800;opacity:.68}.tab-mark.ring{border:7px solid currentColor;border-radius:50%}.tab-mark.dots:before,.tab-mark.dots:after{content:"";position:absolute;top:7px;width:10px;height:10px;border-radius:50%;background:currentColor}.tab-mark.dots:before{left:1px}.tab-mark.dots:after{right:1px}.tab-mark.bars:before,.tab-mark.bars:after,.tab-mark.blocks:before,.tab-mark.blocks:after,.tab-mark.slash:before,.tab-mark.slash:after{content:"";position:absolute;top:2px;width:8px;height:20px;background:currentColor}.tab-mark.bars:before,.tab-mark.blocks:before{left:3px}.tab-mark.bars:after,.tab-mark.blocks:after{right:3px}.tab-mark.slash:before{left:4px;transform:skew(-14deg)}.tab-mark.slash:after{right:4px;transform:skew(-14deg)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width: 980px){:root{--frame-radius: 34px;--header-h: 70px;--tabs-h: 0px}.site-header{grid-template-columns:1fr auto;gap:18px;padding-top:16px}.login-link{padding:11px 16px}.manual-link{display:none}.page-frame{height:100dvh;min-height:100dvh}main{height:100dvh}.story-section{min-height:100svh;grid-template-columns:1fr;grid-template-rows:var(--header-h) 1fr;gap:0;padding-top:96px;padding-bottom:54px}.story-section .copy-block,.story-section .stat-block{grid-column:1;grid-row:auto;align-self:auto;margin:0}.story-section .copy-block{grid-row:2;align-self:end;justify-self:stretch;max-width:none;margin-bottom:18px}.story-section:before{background:linear-gradient(180deg,rgba(243,243,243,.46) 0%,transparent 30%,rgba(243,243,243,.88) 74%,rgba(243,243,243,.98) 100%)}.story-section:after{background:linear-gradient(0deg,rgba(243,243,243,.92) 0%,rgba(243,243,243,.5) 35%,transparent 66%)}h1,h2{font-size:clamp(38px,10vw,68px);line-height:1;letter-spacing:0}#drag .copy-block{grid-column:1;justify-self:stretch;max-width:none}#new-home .home-cat img{object-position:0% 50%}.video-block video{--hero-video-shift: clamp(18px, 3vh, 36px)}.description{max-width:none}.stat-block,.section-tabs{display:none}}@media (max-width: 560px){:root{--content-x: 20px;--frame-radius: 24px}.page-frame{border-radius:0}.brand{font-size:24px}.story-section{padding-top:86px}.english-line{margin-top:18px}.description{margin-top:18px;font-size:15px}.primary-cta{min-height:62px;padding-left:22px;font-size:16px}.download-actions{flex-direction:column;align-items:stretch;gap:10px;margin-top:24px}.download-actions .primary-cta{width:100%;justify-content:space-between}.primary-cta svg{width:44px;height:44px}}