:root{--bg-color:#f9f8f4;--text-color:#2d2d2d;--accent-color:#8c8c8c;--transition-speed:1.4s;--transition-bezier:cubic-bezier(.22,1,.36,1);--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}.app-container{--font-sans:var(--font-noto-sans),sans-serif;--font-serif:var(--font-noto-serif),serif;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);letter-spacing:.05em;line-height:1.8;overflow-x:hidden}h1,h2,h3{font-family:var(--font-serif);font-weight:600}.container{max-width:1000px;margin:0 auto;padding:0 40px}.site-header{width:100%;height:var(--header-height);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#f9f8f4cc;border-bottom:1px solid #0000000d;align-items:center;display:flex;position:fixed;top:0;left:0}.header-inner{justify-content:flex-start;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.header-logo{align-items:center;gap:12px;height:30px;display:flex}.header-logo-text{font-family:var(--font-serif);letter-spacing:.2em;font-size:1.1rem;font-weight:600}.reveal{opacity:0;transition:opacity var(--transition-speed)var(--transition-bezier),transform var(--transition-speed)var(--transition-bezier);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.stagger-container .reveal-item{opacity:0;transition:all 1s var(--transition-bezier);transform:translateY(20px)}.stagger-container.active .reveal-item{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s!important}.delay-2{transition-delay:.4s!important}.delay-3{transition-delay:.6s!important}.delay-4{transition-delay:.8s!important}.delay-5{transition-delay:1s!important}.hero{text-align:center;height:100vh;padding-top:var(--header-height);flex-direction:column;justify-content:center;align-items:center;display:flex}.enso-container{width:180px;height:180px;margin-bottom:40px;position:relative}.enso-svg{fill:none;width:100%;height:100%;stroke:var(--text-color);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s cubic-bezier(.45,0,.55,1) forwards drawEnso}@keyframes drawEnso{to{stroke-dashoffset:0}}.hero h1{letter-spacing:.4em;opacity:0;animation:fadeIn 2s forwards 1.5s var(--transition-bezier);margin-bottom:20px;font-size:2.2rem}.hero p{opacity:0;animation:fadeIn 2s forwards 2s var(--transition-bezier)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section{padding:140px 0}.section-title{text-align:center;letter-spacing:.2em;margin-bottom:60px;font-size:1.6rem;position:relative}.lead-copy{text-align:justify;max-width:700px;margin:0 auto 40px;font-size:1.05rem}.mvv-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:60px;display:grid}.mvv-item{padding:20px}.mvv-item h3{border-bottom:1px solid var(--text-color);margin-bottom:20px;padding-bottom:5px;font-size:1.2rem;display:inline-block}.journey-circle{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex;position:relative}.journey-step{text-align:center;flex:1;min-width:160px;padding:20px}.step-label{font-family:var(--font-serif);color:var(--accent-color);text-transform:uppercase;margin-bottom:10px;font-size:.75rem;display:block}.system-comparison{justify-content:space-around;align-items:center;gap:40px;margin-top:60px;display:flex}.vs-box{text-align:center;flex:1}.vs-visual{width:100%;max-width:280px;height:180px;transition:transform 1s var(--transition-bezier);border:1px solid #e0e0e0;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.vs-box:hover .vs-visual{transform:scale(1.02)}.circle-visual{border:1.5px dashed var(--text-color)!important;border-radius:50%!important}.profile-header{margin-bottom:40px}.profile-header h2{font-family:var(--font-sans);letter-spacing:.2em;margin-bottom:5px;font-size:1.4rem;font-weight:700}.profile-header p{color:var(--accent-color);font-size:.75rem;font-weight:700}.profile-row{border-bottom:1px solid #e0e0e0;padding:22px 0;font-size:.9rem;display:flex}.profile-label{flex-shrink:0;width:160px;font-weight:700}.profile-value{flex-grow:1}footer{text-align:center;color:var(--accent-color);border-top:1px solid #0000000d;padding:80px 0;font-size:.75rem}.thin{font-weight:300}@media (max-width:768px){section{padding:80px 0}.system-comparison{flex-direction:column}.hero h1{letter-spacing:.2em;font-size:1.5rem}.profile-row{flex-direction:column;gap:5px}.profile-label{width:100%;color:var(--accent-color);font-size:.8rem}.header-inner{padding:0 20px}}
