:root{--intro-paper:#f5f4ed;--intro-ivory:#faf9f5;--intro-ink:#141413;--intro-ink-soft:#2a2926;--intro-terracotta:#c96442;--intro-warm-gray:#87867f;--intro-border-warm:#e8e6dc;--intro-gold:#c9a961;--intro-gold-soft:#f5eddc;--intro-display:var(--font-noto-serif-sc),"Fraunces Variable",Georgia,"Times New Roman",serif;--intro-body:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--intro-mono:var(--font-geist-mono),ui-monospace,"SFMono-Regular",Menlo,monospace}.intro-container{height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;font-family:var(--intro-body);background:var(--intro-paper);color:var(--intro-ink)}.intro-container::-webkit-scrollbar{display:none}.intro-page{height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom)}.ruler-line{background:linear-gradient(90deg,transparent,var(--intro-border-warm) 20%,var(--intro-border-warm) 80%,transparent);height:1px}.ruler-line-vertical{background:linear-gradient(180deg,transparent,var(--intro-border-warm) 20%,var(--intro-border-warm) 80%,transparent);width:1px}.grid-precision{background-image:linear-gradient(var(--intro-border-warm) 1px,transparent 1px),linear-gradient(90deg,var(--intro-border-warm) 1px,transparent 1px);background-size:48px 48px;opacity:.3}.progress-dots{position:fixed;right:16px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:30}.progress-dot{width:30px;height:30px;padding:0;border:none;background:transparent;cursor:pointer;position:relative;transition:all .3s ease}.progress-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--intro-border-warm);transition:all .3s ease}.progress-dot.active:before{background:var(--intro-terracotta);transform:translate(-50%,-50%) scale(1.6)}.skip-button{position:fixed;top:calc(env(safe-area-inset-top) + 16px);right:48px;z-index:30;font-size:13px;color:var(--intro-warm-gray);background:transparent;border:none;cursor:pointer;padding:6px 10px;transition:color .2s ease}.skip-button:hover{color:var(--intro-terracotta)}@keyframes bounce-down{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(8px);opacity:1}}.swipe-hint{animation:bounce-down 1.8s ease-in-out infinite}.mono-label{font-family:var(--intro-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--intro-warm-gray)}.display-serif{font-family:var(--intro-display);font-weight:500;letter-spacing:-.02em;line-height:1.08}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}.cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:var(--intro-ink);color:var(--intro-paper);border-radius:999px;font-size:16px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.cta-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(20,20,19,.15)}.cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:transparent;color:var(--intro-warm-gray);border:none;font-size:14px;cursor:pointer;text-decoration:none}.cta-secondary:hover{color:var(--intro-terracotta)}.cta-primary:focus-visible,.cta-secondary:focus-visible,.progress-dot:focus-visible,.skip-button:focus-visible{outline:2px solid var(--intro-terracotta);outline-offset:4px;border-radius:4px}.progress-dot:focus-visible{box-shadow:0 0 0 4px rgba(201,100,66,.3)}@media (prefers-reduced-motion:reduce){.swipe-hint{animation:none}.fade-in-up{transition:opacity .2s ease;transform:none}.intro-container{scroll-behavior:auto}.progress-dot{transition:none}.cta-primary:hover{transform:none}}