.spirit-particles{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.spirit-particle{background:radial-gradient(circle,#efbf04cc 0%,#efbf0466 40%,#0000 70%);border-radius:50%;width:8px;height:8px;animation:8s ease-in-out infinite float-particle;position:absolute;bottom:-20px;box-shadow:0 0 10px #efbf0480}@keyframes float-particle{0%{opacity:0;transform:translateY(0)scale(.5)}10%{opacity:.9;transform:translateY(-10vh)scale(.8)}50%{opacity:.6;transform:translateY(-50vh)scale(1)}90%{opacity:.3;transform:translateY(-90vh)scale(1.2)}to{opacity:0;transform:translateY(-100vh)scale(1.5)}}.ink-wash-bg{background:linear-gradient(#0000 0%,#2c181008 30%,#2c181014 70%,#2c181026 100%)}.hero-decoration{background:linear-gradient(to top,var(--color-paper)0%,transparent 100%);pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.title-glow{text-shadow:0 0 20px #efbf044d,0 0 40px #efbf0433,0 0 60px #efbf041a}.section-title-decorated{display:inline-block;position:relative}.section-title-decorated:before,.section-title-decorated:after{content:"";background:linear-gradient(90deg,#0000,#2c181080,#0000);border-radius:50%;width:60px;height:2px;position:absolute;top:50%}.section-title-decorated:before{margin-right:20px;right:100%}.section-title-decorated:after{margin-left:20px;left:100%}.nav-glass{-webkit-backdrop-filter:blur(12px);background:#f8f3e6d9;border-bottom:1px solid #2c18100d;transition:all .3s}.nav-link{color:var(--color-ink);font-family:var(--font-ma-shan-zheng);opacity:.8;font-size:1.1rem;transition:all .2s;position:relative}.nav-link:hover{opacity:1;color:var(--color-crimson)}.nav-link:after{content:"";background-color:var(--color-crimson);border-radius:2px;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)scaleX(0)}.nav-link:hover:after{transform:translate(-50%)scaleX(1)}.cta-button{color:var(--color-paper);background:linear-gradient(135deg,var(--color-crimson)0%,#a01018 100%);cursor:pointer;font-size:1.25rem;font-family:var(--font-ma-shan-zheng);letter-spacing:.1em;border:none;border-radius:4px;justify-content:center;align-items:center;padding:16px 40px;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 4px 15px #c1121f4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c1121f66}.cta-button:before{content:"";pointer-events:none;border:1px solid #c1121f4d;border-radius:6px;position:absolute;inset:-3px}.cta-button-secondary{color:var(--color-ink);border:2px solid var(--color-ink);cursor:pointer;font-size:1.125rem;font-family:var(--font-ma-shan-zheng);letter-spacing:.1em;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:14px 36px;transition:all .3s;display:inline-flex}.cta-button-secondary:hover{color:var(--color-crimson);border-color:var(--color-crimson);background:#c1121f0d}.scroll-hint{animation:2s ease-in-out infinite bounce-down}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.feature-card{transition:transform .3s,box-shadow .3s;position:relative}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #2c181026}.screenshot-card{background:#fdfbf7;border-radius:8px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #2c18101a}.screenshot-card:hover{transform:scale(1.02);box-shadow:0 8px 30px #2c181033}.screenshot-card:after{content:"";pointer-events:none;border:1px solid #2c18101a;border-radius:8px;position:absolute;inset:0}.ancient-border{box-shadow:inset 0 0 0 4px var(--color-paper),inset 0 0 0 5px #2c18104d;background-color:#fff9;border:2px solid #2c181099;transition:all .3s;position:relative}.ancient-border:before,.ancient-border:after{content:"";border:2px solid #0000;width:12px;height:12px;transition:all .3s;position:absolute}.ancient-border:before{border-top-color:var(--color-ink);border-left-color:var(--color-ink);top:-2px;left:-2px}.ancient-border:after{border-bottom-color:var(--color-ink);border-right-color:var(--color-ink);bottom:-2px;right:-2px}.ancient-border:hover{border-color:var(--color-ink);box-shadow:inset 0 0 0 4px var(--color-paper),inset 0 0 0 5px var(--color-crimson),0 10px 30px #2c18101a;background:#ffffffe6;transform:translateY(-2px)}.ancient-border:hover:before,.ancient-border:hover:after{border-color:var(--color-crimson)}.timeline-item{border-left:2px solid #2c18101a;padding-bottom:2rem;padding-left:2rem;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-dot{background-color:var(--color-ink-secondary);border:2px solid var(--color-paper);border-radius:50%;width:8px;height:8px;transition:all .3s;position:absolute;top:6px;left:-5px;box-shadow:0 0 0 2px #2c181033}.timeline-item:hover .timeline-dot{background-color:var(--color-crimson);transform:scale(1.2)}.timeline-date{color:var(--color-ink-muted);margin-bottom:.25rem;font-size:.85rem}.ink-divider{opacity:.6;background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q 50 20 100 10' stroke='rgba(44,24,16,0.1)' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:20px;margin:2rem 0}.fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp;transform:translateY(30px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}@media (max-width:768px){.section-title-decorated:before,.section-title-decorated:after{width:30px}.section-title-decorated:before{margin-right:10px}.section-title-decorated:after{margin-left:10px}.cta-button{padding:14px 32px;font-size:1.125rem}}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}