.landing{--night:hsl(var(--background));--paper:hsl(var(--foreground));--ink:hsl(var(--background));--ink-soft:hsl(var(--background) / .62);--electric:hsl(var(--brand-electric-blue));--signal:hsl(var(--brand-signal-orange));--warm:hsl(var(--brand-warm-code));--on-dark:hsl(var(--brand-blue-on-dark));--fg:hsl(var(--foreground));--fg-dim:hsl(var(--foreground) / .7);--fg-faint:hsl(var(--foreground) / .16);--sheet:hsl(var(--brand-paper));--sheet-edge:color-mix(in srgb, hsl(var(--brand-paper)) 88%, hsl(var(--background)));--serif:var(--font-source-serif), Georgia, "Times New Roman", serif;--sans:var(--font-geist-sans), "Helvetica Neue", Arial, sans-serif;--mono:var(--font-geist-mono), ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.landing *{box-sizing:border-box;margin:0}.landing{height:100%}.landing:before{content:"";background:radial-gradient(1200px 700px at 50% 55%,color-mix(in srgb, hsl(var(--brand-electric-blue)) 7%, hsl(var(--card))),var(--night) 70%);pointer-events:none;position:fixed;inset:0}.landing{background:var(--night);color:var(--fg);font-family:var(--sans);overscroll-behavior:none;overflow:hidden}.landing .chrome{z-index:20;padding:calc(16px + env(safe-area-inset-top,0px)) 20px 16px;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.landing .brand{letter-spacing:.01em;align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.landing .brand svg{width:26px;height:26px}.landing .tile{fill:var(--electric)}.landing .sq{fill:var(--fg)}.landing .landing-actions{align-items:center;gap:16px;display:flex}.landing .verify-link{all:unset;cursor:pointer;font:500 13px var(--sans);text-underline-offset:4px;text-decoration:underline}.landing .verify-link:focus-visible{outline:2px solid var(--on-dark);outline-offset:2px}.landing .btn{all:unset;cursor:pointer;font:500 14px var(--sans);background:var(--electric);color:var(--fg);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);padding:10px 16px}.landing .btn:hover{background:var(--fg);color:var(--night)}.landing .btn:focus-visible,.landing .dot:focus-visible{outline:2px solid var(--on-dark);outline-offset:2px}.landing #stage{perspective:1800px;position:fixed;inset:0}.landing .scene{pointer-events:none;will-change:opacity,transform;justify-content:center;align-items:center;padding:80px 16px 90px;display:flex;position:absolute;inset:0}.landing .scene.active{pointer-events:auto}.landing:not([data-ready]) .scene:not(#s0){visibility:hidden}.landing .cap{will-change:opacity,transform;max-width:380px}.landing .cap .k{font:500 12px/1.3 var(--sans);text-transform:uppercase;letter-spacing:0;color:var(--on-dark)}.landing .cap h2{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:14px 0;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1.1}.landing .cap p{color:var(--fg-dim);font-size:17px;line-height:1.5}.landing .split{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:center;gap:56px;width:min(1180px,100%);display:grid}.landing .split.flip{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.landing .book-wrap{perspective:2400px;will-change:transform,opacity;width:min(1040px,100%)}.landing .book{aspect-ratio:2/1.32;width:100%;transform-style:preserve-3d;position:relative;transform:rotateX(14deg)}.landing .book:before{content:"";background:linear-gradient(160deg,color-mix(in srgb, var(--electric) 62%, var(--night)),color-mix(in srgb, var(--electric) 28%, var(--night)));position:absolute;inset:-14px -16px -22px;transform:translateZ(-6px)}.landing .page{background:var(--sheet);width:50%;color:var(--ink);padding:clamp(16px,4.5%,52px);position:absolute;top:0;bottom:0;overflow:hidden}.landing .page.l{background:linear-gradient(90deg,var(--sheet) 86%,var(--sheet-edge));left:0}.landing .page.r{background:linear-gradient(270deg,var(--sheet) 86%,var(--sheet-edge));right:0}.landing .leaf{transform-origin:0;width:50%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;bottom:0;right:0}.landing .face{backface-visibility:hidden;color:var(--ink);padding:clamp(16px,9%,52px);position:absolute;inset:0;overflow:hidden}.landing .face.front{background:linear-gradient(270deg,var(--sheet) 86%,var(--sheet-edge))}.landing .face.back{background:linear-gradient(90deg,var(--sheet) 86%,var(--sheet-edge));transform:rotateY(180deg)}.landing .leaf .shade{pointer-events:none;background:linear-gradient(90deg,hsl(var(--background) / .35),transparent 60%);opacity:0;position:absolute;inset:0}.landing .gutter{background:linear-gradient(90deg,transparent,hsl(var(--background) / .18) 45%,hsl(var(--background) / .18) 55%,transparent);pointer-events:none;width:40px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.landing .pk{font:500 clamp(8px,1.1vw,11px)/1.3 var(--sans);text-transform:uppercase;letter-spacing:0;color:var(--ink-soft)}.landing .page h1,.landing .face h3{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;font-weight:400;line-height:1.1}.landing .page h1{margin:clamp(8px,2.5vw,26px) 0 clamp(8px,2vw,20px);font-size:clamp(24px,5.2vw,64px)}.landing .page h1 em{color:var(--electric);font-style:italic}.landing .page p.body{font-family:var(--serif);max-width:34ch;font-size:clamp(11px,1.45vw,18px);line-height:1.5}.landing .folio{font:400 clamp(9px,1vw,12px) var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-soft);position:absolute;bottom:clamp(10px,3%,28px)}.landing .page.l .folio{left:clamp(16px,4.5%,52px)}.landing .face .folio,.landing .page.r .folio{right:clamp(16px,9%,52px)}.landing .fig{width:100%;height:78%;display:block}.landing .fig path,.landing .fig circle,.landing .fig line,.landing .fig rect{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.landing .fig .route{stroke:var(--signal);stroke-width:3px;stroke-dasharray:7 9}.landing .fig .x{stroke:var(--electric);stroke-width:4px}.landing .fig text{font:400 15px var(--serif);fill:var(--ink-soft);stroke:none;font-style:italic}.landing .figcap{font:italic 400 clamp(10px,1.2vw,14px) var(--serif);color:var(--ink-soft);margin-top:4px}.landing .face h3{margin-top:clamp(8px,2.5vw,26px);font-size:clamp(22px,4.4vw,52px)}.landing .face .lines{gap:clamp(6px,1.3vw,14px);margin-top:clamp(10px,3vw,30px);display:grid}.landing .face .lines span{background:hsl(var(--background) / .13);height:2px}.landing .laptop{perspective:1600px;will-change:transform,opacity;justify-self:center;width:100%;max-width:720px}.landing .lid{aspect-ratio:16/10.4;background:linear-gradient(180deg,hsl(var(--foreground) / .15),hsl(var(--foreground) / .07));border:1px solid var(--fg-faint);border-top-color:hsl(var(--foreground) / .3);transform-origin:50% 100%;will-change:transform;padding:2.6%;position:relative}.landing .screen{background:radial-gradient(ellipse 80% 70% at 50% 35%,hsl(var(--brand-electric-blue) / .1),transparent 70%),var(--night);height:100%;position:relative;overflow:hidden}.landing .bar{border-bottom:1px solid var(--fg-faint);font:500 11px var(--mono);color:var(--fg-dim);align-items:center;gap:6px;padding:10px 12px;display:flex}.landing .bar i{background:hsl(var(--foreground) / .22);width:9px;height:9px;display:inline-block}.landing .bar b{margin-left:10px;font-weight:500}.landing .term{font:400 clamp(10px,1.35vw,14.5px)/1.65 var(--mono);color:hsl(var(--foreground) / .86);white-space:pre-wrap;padding:14px 16px}.landing .term .p{color:var(--on-dark)}.landing .term .a{color:var(--warm)}.landing .term .d{color:hsl(var(--foreground) / .5)}.landing .caret{background:var(--fg);vertical-align:-2px;width:.6em;height:1.1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.landing .base{background:linear-gradient(hsl(var(--foreground) / .26),hsl(var(--foreground) / .08));height:16px;margin:0 -7%;position:relative}.landing .base:after{content:"";background:var(--night);height:6px;position:absolute;top:0;left:42%;right:42%}.landing .sketch-cover{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.landing .sketch-cover rect.paper{fill:var(--paper)}.landing .sketch-cover .ink{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.landing .globe-box{aspect-ratio:1;will-change:transform,opacity;justify-self:center;width:min(580px,100%);position:relative}.landing #globe{width:100%;height:100%;display:block}.landing .pin{pointer-events:none;will-change:transform,opacity;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.landing .pin .card{background:var(--night);border:1px solid var(--fg-faint);white-space:nowrap;margin-bottom:12px;padding:8px 10px}.landing .pin .card small{font:500 9.5px/1.3 var(--sans);letter-spacing:0;text-transform:uppercase;color:var(--signal);display:block}.landing .pin .card span{font:500 13px var(--sans);color:var(--fg)}.landing .pin .stem{background:var(--on-dark);width:1px;height:12px;margin:-12px auto 0}.landing .film{will-change:opacity,transform;position:absolute;inset:0;overflow:hidden}.landing .film video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,var(--night) 58%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,var(--night) 58%,transparent 100%);mask-image:radial-gradient(ellipse 78% 82% at 50% 50%,var(--night) 58%,transparent 100%);position:absolute;inset:0}.landing .film:after{content:"";pointer-events:none;background:linear-gradient(90deg,hsl(var(--background) / .88),hsl(var(--background) / 0) 46%);position:absolute;inset:0}.landing .film-cap{z-index:2;width:min(380px,100% - 32px);position:absolute;top:50%;left:clamp(16px,8vw,130px);transform:translateY(-50%)}.landing .film-cap .cap{position:absolute;top:50%;left:0;right:0;translate:0 -50%}.landing .levels{flex-wrap:wrap;gap:16px;margin-top:22px;display:flex}.landing .levels span{font:500 11.5px/1.3 var(--sans);text-transform:uppercase;letter-spacing:0;color:var(--fg-dim);align-items:center;gap:8px;display:flex}.landing .levels svg{flex:none;width:20px;height:20px}.landing .lv-line{fill:none;stroke:var(--on-dark);stroke-width:7px}.landing .lv-blue{fill:var(--electric)}.landing .lv-edge{stroke:var(--signal);stroke-width:8px}.landing .lv-white{fill:var(--fg)}.landing .mark-scene{text-align:center;flex-direction:column;align-items:center;gap:34px;max-width:860px;display:flex}.landing .mark{will-change:transform;width:clamp(120px,18vw,200px);height:auto;overflow:visible}.landing .mission{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(30px,4.6vw,60px);font-weight:400;line-height:1.1}.landing .mission .w{will-change:transform,opacity;display:inline-block}.landing .mission em{color:var(--on-dark);font-style:italic}.landing .sub{color:var(--fg-dim);max-width:46ch;font-size:17px;line-height:1.5}.landing .hud{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:20;font:500 12px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--fg-dim);text-transform:uppercase;letter-spacing:0;align-items:center;gap:14px;display:flex;position:fixed}.landing .hud .num{color:var(--fg)}.landing .hud .hint{align-items:center;gap:8px;display:flex}.landing .hud .hint i{border:1.5px solid var(--fg-dim);width:14px;height:22px;position:relative}.landing .hud .hint i:after{content:"";background:var(--fg-dim);width:2px;height:5px;margin-left:-1px;animation:1.6s infinite wheel;position:absolute;top:4px;left:50%}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(7px)}}.landing .dots{z-index:20;flex-direction:column;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.landing .dot{all:unset;cursor:pointer;width:24px;height:24px;position:relative}.landing .dot:before{content:"";border:1.5px solid var(--fg-dim);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);position:absolute;inset:7px}.landing .dot.on:before{background:var(--fg);border-color:var(--fg)}@media (pointer:coarse){.landing .dot{width:44px;height:44px}.landing .dot:before{inset:17px}}.landing .start-here{text-align:center;display:none}.landing dialog{border:1px solid var(--ink);background:var(--paper);color:var(--ink);width:min(420px,100% - 32px);padding:0}.landing dialog::backdrop{background:hsl(var(--background,0 0% 0%) / .6)}.landing dialog[open]{animation:pop var(--duration-base) var(--ease-enter)}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.landing .dlg{gap:12px;padding:30px;display:grid}.landing .dlg .pk{color:var(--ink-soft)}.landing .dlg h2{font-family:var(--serif);letter-spacing:-.02em;font-size:34px;font-weight:400;line-height:1.1}.landing .dlg p{color:var(--ink-soft);font-size:15px;line-height:1.5}.landing .dlg button{font:500 15px var(--sans);cursor:pointer;border:1px solid var(--ink);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard);padding:14px}.landing .dlg .g{background:var(--electric);border-color:var(--electric);color:var(--fg);margin-top:6px}.landing .dlg .g:hover{background:var(--night);border-color:var(--night)}.landing .dlg .c{color:var(--ink);background:0 0}.landing .dlg .x{color:var(--ink-soft);background:0 0;border:0;padding:4px 8px;font-size:22px;position:absolute;top:14px;right:14px}.landing .dlg button:focus-visible{outline:2px solid var(--electric);outline-offset:2px}@media (max-width:820px){.landing .split,.landing .split.flip{text-align:center;grid-template-columns:1fr;justify-items:center;gap:28px}.landing .split.flip .cap{order:2}.landing .cap{max-width:520px}.landing .cap h2{margin:10px 0}.landing .globe-box{width:min(420px,100%)}.landing .laptop{max-width:520px}.landing .film:after{background:linear-gradient(0deg,hsl(var(--background) / .92),hsl(var(--background) / 0) 58%)}.landing .film-cap{top:auto;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:none}.landing .film-cap .cap{text-align:left;top:auto;bottom:0;translate:none}.landing .dots{top:auto;bottom:calc(22px + env(safe-area-inset-bottom,0px));flex-direction:row;right:20px;transform:none}.landing .pin .card span{font-size:12px}}@media (max-width:480px){.landing .hud .hint{display:none}.landing .book{aspect-ratio:2/1.5}.landing .page p.body{display:none}.landing #s0{flex-direction:column}.landing .start-here{justify-items:center;gap:14px;margin-top:36px;display:grid}.landing .start-here p{font-family:var(--serif);max-width:30ch;font-size:18px;line-height:1.45}.landing .start-here .swipe{font:500 12px/1.3 var(--sans);text-transform:uppercase;color:var(--fg-dim)}}.landing{background:var(--night);color:var(--fg);font-family:var(--sans);overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}.landing .dlg .err{color:var(--ink);gap:8px;margin:0;font-size:14px;line-height:1.45;display:flex}.landing .dlg .status{min-height:40.6px}.landing .dlg .err:before{content:"";background:var(--signal);flex:none;width:10px;height:10px;margin-top:5px}.landing .dlg .code{font:500 12px/1.3 var(--sans);text-transform:uppercase;letter-spacing:0;color:var(--ink-soft);gap:6px;margin-top:10px;display:grid}.landing .dlg .code input{font:500 16px var(--sans);border:1px solid var(--ink);color:var(--ink);text-transform:none;letter-spacing:0;background:0 0;padding:12px}.landing .dlg .c:disabled{opacity:.45;cursor:default}.landing .dlg button:disabled{cursor:default}.landing dialog{height:max-content;margin:auto;inset:0}@media (max-height:500px) and (orientation:landscape){.landing .scene{padding:60px 16px 52px}.landing .split,.landing .split.flip{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:stretch;gap:24px}.landing .cap h2{margin:8px 0;font-size:clamp(22px,7svh,32px)}.landing .cap p{font-size:14px}.landing .book-wrap{width:min(1040px,100%,151.515svh - 212.121px)}.landing .page h1{font-size:clamp(18px,6.5svh,30px)}.landing .page p.body{display:none}.landing .laptop{max-width:min(720px,153.846svh - 230.769px)}.landing .globe-box{width:min(580px,100%,100svh - 130px)}.landing .mark-scene{gap:14px}.landing .mark{width:clamp(56px,18svh,110px)}.landing .mission{font-size:clamp(20px,7svh,34px)}.landing .sub{font-size:14px}.landing .hud .hint{display:none}}
